Отложенная загрузка картинок, видео и фоновых изображений (Lazy Loading, LazyLoad)

"Отложенная загрузка картинок, видео и фоновых изображений (Lazy Loading)" - это решение для 1с-Битрикс, реализующее функционал Ленивой загрузки (Отложенной загрузки) изображений и фреймов на Вашем сайтеОтложенная загрузка позволяет пользователям подгружать изображения и фреймы по мере необходимости, а не во время первичной загрузки страницы. Это позволяет значительно уменьшить вес загружаемой страницы и ускорить отображение вашего сайта у пользователя!1. Отложенная загрузка картинокРешение позволяет включить отложенную загрузку картинок без внесения изменений в код сайта2. Отложенная загрузка фоновых изображенийПериодически разработчики размещают часть изображений не как картинки, а как фоны блоков по разным причинам. Решение в большинстве случаев позволяет отложить загрузку фоновых картинок3. Отложенная загрузка фреймов (например видео)Самый наглядный пример использования фреймов - вставка видео с YouTube. С помощью решения можно отложить загрузку подобных фреймов реализованных через iframe4. Улучшение показателей и исправление проблем PageSpeedМодуль положительно влияет на оценку Google Page Speed и решает проблему "Отложите загрузку скрытых изображений", на которой монитор Google поддерживает постоянный акцент   ▷   Безопасность файлов - исходные файлы не редактируются   ▷ Поддержка отложенной загрузки фоновых изображений   ▷ Поддержка 3х типов отложенной загрузки: через JavaScript, через JQuery и средствами браузера   ▷ Ускоряет работу сайта у реальных пользователей, а не только в PageSpeed Insight ✔   Поддерживает механизм многосайтовости, композитный и автокомпозитный режим ✔ Поддержка версий PHP: 7.x, 8.x ✔ Корректно работает на актуальных и на более старых версиях 1с-Битрикс ✔ Корректно работает с большинством готовых шаблонов (Аспро, Сотбит,    Digital Web, Intec, Альфа, Некстайп, Крайт и т.д.) и на сайтах с    уникальным дизайном   Для дополнительного ускорения отображения сайта и увеличения рейтинга скорости по Google Pagespeed Вам будут полезны:- Решение "Ускорение загрузки сайта", оптимизирующее css и js, конвертирующее изображения в webp - смотреть карточку решения- Решение "Оптимизация и сжатие HTML + CSS", уменьшающее вес отдаваемых html-страниц - смотреть карточку решения

Отложенная загрузка картинок, видео и фоновых изображений (Lazy Loading, LazyLoad)

Купить: 3 700 2 960 руб.

Попробовать (7 дней) Онлайн-демо

от Голубев Артур

• Описание
• Отзывы (3)
• Обсуждения (12)
• Что нового
• Установка
• Поддержка

Описание

Технические данные

Опубликовано:

07.02.2020

Обновлено:

25.10.2024

Версия:

1.4.0

Установлено:

Более 1000 раз

Подходящие редакции:

«Старт», «Стандарт», «Малый бизнес», «Бизнес», «Интернет-магазин + CRM»

Адаптивность:

Да

Поддержка Композита:

Да

Совместимо с Сайты24

Нет

Совместимо с PHP 8.1

Да

Пользовательское соглашение

Описание

"Отложенная загрузка картинок, видео и фоновых изображений (Lazy Loading)" - это решение для 1с-Битрикс, реализующее функционал Ленивой загрузки (Отложенной загрузки) изображений и фреймов на Вашем сайте

Отложенная загрузка позволяет пользователям подгружать изображения и фреймы по мере необходимости, а не во время первичной загрузки страницы. Это позволяет значительно уменьшить вес загружаемой страницы и ускорить отображение вашего сайта у пользователя!

1. Отложенная загрузка картинок
Решение позволяет включить отложенную загрузку картинок без внесения изменений в код сайта

2. Отложенная загрузка фоновых изображений
Периодически разработчики размещают часть изображений не как картинки, а как фоны блоков по разным причинам. Решение в большинстве случаев позволяет отложить загрузку фоновых картинок

3. Отложенная загрузка фреймов (например видео)
Самый наглядный пример использования фреймов - вставка видео с YouTube. С помощью решения можно отложить загрузку подобных фреймов реализованных через iframe

4. Улучшение показателей и исправление проблем PageSpeed
Модуль положительно влияет на оценку Google Page Speed и решает проблему "Отложите загрузку скрытых изображений", на которой монитор Google поддерживает постоянный акцент

	▷	Безопасность файлов - исходные файлы не редактируются
	▷	Поддержка отложенной загрузки фоновых изображений
	▷	Поддержка 3х типов отложенной загрузки: через JavaScript, через JQuery и средствами браузера
	▷	Ускоряет работу сайта у реальных пользователей, а не только в PageSpeed Insight

	✔	Поддерживает механизм многосайтовости, композитный и автокомпозитный режим
	✔	Поддержка версий PHP: 7.x, 8.x
	✔	Корректно работает на актуальных и на более старых версиях 1с-Битрикс
	✔	Корректно работает с большинством готовых шаблонов (Аспро, Сотбит,    Digital Web, Intec, Альфа, Некстайп, Крайт и т.д.) и на сайтах с    уникальным дизайном

Для дополнительного ускорения отображения сайта и увеличения рейтинга скорости по Google Pagespeed Вам будут полезны:

- Решение "Ускорение загрузки сайта", оптимизирующее css и js, конвертирующее изображения в webp - смотреть карточку решения

- Решение "Оптимизация и сжатие HTML + CSS", уменьшающее вес отдаваемых html-страниц - смотреть карточку решения

Отзывы (3)

Обсуждения (12)

Обсуждения (12 )

Авторизуйтесь , чтобы оставить отзыв или задать вопрос разработчику.

Пользователь 317949 11 октября 2023 18:17

Артур Голубев, вопрос прояснился, эти картинки подгружаются через аякс. Вопрос закрыт. Спасибо за ответ.

Пользователь 317949 11 октября 2023 13:36

А по какой логике проставляется loading элементам img?
У меня не на всех img ставится loading.

Артур Голубев (разработчик) 11 октября 2023 15:49

max k, Добрый день!
Парсится html и всем найденным img прописывается loading, за исключением тех изображений которые попали под исключения.

"У меня не на всех img ставится loading." - в подобных ситуациях нужно изучать частный случай, без изучения шансов отгадать причину мало. Напишите на почту поддержки с адресом сайта и доступами. Изучу-подскажу

Пользователь 124836 3 октября 2023 11:23

Приветствую пользователи!
Вышло большое обновление 1.3.0
- Добавлена возможность отложенной загрузки без JQuery (на чистом javascript)
- Оптимизированы скрипты решения

Пользователь 212433 19 января 2023 19:20

Здравствуйте! По какой-то причине не могу установить пробную версию. Прописываю адрес сайта, открывается "Список обновлений" в админке, но вашего модуля там нет(. При попытке установить через Marketplace в административной части сайта, тоже самое. Подскажите пожалуйста в чем может быть проблема.

Артур Голубев (разработчик) 20 января 2023 09:14

Дмитрий Тамарин, Добрый день!
Это значит что вы когда то ранее уже ставили данный модуль в демо-режиме на данный сайт. И демо период уже "потрачен"

https://arturgolubev.ru/knowledge/course1/lesson113/

Пользователь 375885 27 января 2021 14:27

Артур, в чем отличается этот модуль
https://marketplace.1c-bitrix.ru/solutions/arturgolubev.lazyload/#tab-about-link

Артур Голубев (разработчик) 27 января 2021 15:19

Станислав Виленский, Добрый день!
Текущее решение (arturgolubev.lazyimage) более современное и технологичное. Это своеобразная "вторая" версия того решения с лучшими идеями в корневых механизмах решения.

Чем новая версия решения лучше?
- Новое решение использует значительно меньше ресурсов сервера
- Новое решение работает с картинками, фоновыми картинками и iframe (видео с ютуб и т.п.)
- Новое решение значительно проще в настройке - никакие селекторы вам больше подбирать не нужно

1 - 5 из 12

Назад123Вперед

Что нового

1.4.0 (25.10.2024)	Исправления и улучшения
1.3.0 (03.10.2023)	Улучшение интерфейса Оптимизация кода решения Возможность отложенной загрузки без jquery
1.2.1 (28.06.2021)	Совместимость с PHP 8 (обновить решение нужно До смены версии php)
1.2.0 (24.11.2020)	Добавлена поддержка встроенной технологии браузеров для отложенной загрузки картинок и фреймов Добавлена возможность дублировать оригинальную картинку в noscript
1.1.2 (01.11.2020)	Небольшие улучшения
1.1.1 (21.04.2020)	Небольшие улучшения
1.1.0 (13.03.2020)	Исключения, повышение производительности

Установка

Если у Вас возникли проблемы с установкой, настройкой или есть вопросы по работе решения -  пишите на почту поддержки (me@arturgolubev.ru), постараюсь помочь.

Полезная информация и популярные вопросы:

• Как отключить работу решения на определенных страницах?
  

Технические требования:

• Битрикс версии 18.5 или выше
  
• PHP версии 7.x, 8.x
  
• Наличие закрывающего тега </body> на страницах (частая ошибка)
  

Поддержка

• Демо-режим: Не получается установить решение в тестовом режиме (кнопка "Попробовать")
  
• Демо-режим: Продление и сброс тестового периода решения
  
• Покупка и оплата: Оплата решения производится один раз?
  
• Покупка и оплата: Как оплатить решение через расчётный счёт?
  
• Покупка и оплата: После оплаты не приходит ключ на почту
  
• Покупка и оплата: Как купить решение если Вы не из России?
  
• Активация решения: Как действовать после оплаты решения?
  
• Активация решения: После активации купона осталась надпись "Демо-режим"
  
• Лицензирование: Можно ли установить решение на неактивную лицензию 1с-Битрикс
  

Для получения техподдержки пишите на почту: me@arturgolubev.ru


Перед обращением в поддержку рекомендую:

1. Пройти стандартную Проверку системы от 1с-Битрикс. Если проверка находит ошибки их нужно исправить (ошибки могут влиять на работу ядра битрикса и работу решений)
   
2. Проверить наличие обновлений решения. Если есть - обновиться до последней версии (возможно ваша проблема уже решена в обновлениях)
   

При обращении в поддержку укажите:

1. Решение с которым связана проблема
   
2. Описание проблемы (Максимально подробно опишите проблему и действия, которые нужны для её обнаружения. Скриншоты приветствуются)
   
3. Адрес сайта
   
4. Доступы к админ панели (Логин и Пароль)
   
5. FTP или SFTP доступ (Хост, Логин, Пароль и Порт, если он не стандартный)
   

---

Я отвечаю на все вопросы поступающие в поддержку, если ответа не поступает более суток, проверьте папку спам.

Подробный регламент работы технической поддержки - https://arturgolubev.ru/knowledge/course1/

Другие решения разработчика

Умный поиск с исправлением ошибок и опечаток, подсказками, настройкой области поиска и приоритетов 8 200 руб. 6 970 руб. 62

Интеграция с Ozon (Озон) по API. Цены, остатки, заказы, статусы, акты 24 500 руб. 19 600 руб. 5

Интеграция с Wildberries (Вайлдберриз) по API. Карточки товара, остатки, цены, заказы, поставки 24 500 руб. 19 600 руб. 11

Интеграция с ChatGPT, Сбер GigaChat, DeepSeek. Массовая генерация контента с помощью нейросетей 5 800 руб. 4 930 руб. 4

Ловец брошенных заказов + отправка брошенных корзин. Повышение конверсии сайта и продаж 5 800 руб. 4 930 руб. 5

Обратная связь: Мессенджеры и социальные сети для связи (Мультикнопка, WhatsApp, Telegram, Viber,VK) 3 700 руб. 2 960 руб. 8

Электронная коммерция для Яндекс.Метрики, Google Analytics (ecommerce, clientid, utm-метки, GA4) 5 800 руб. 4 930 руб. 10

Маска ввода номера телефона с выбором страны 3 700 руб. 2 960 руб. 3

Ускорение загрузки сайта + оптимизация для Google PageSpeed (webp, js, css, картинки, изображения) 5 800 руб. 4 930 руб. 18

Выгрузка товаров в Google Merchant, VK Реклама, Яндекс Директ, Facebook* Instagram* экспорт каталога 3 700 руб. 2 960 руб. 23

Динамический ретаргетинг VK, MyTarget, ВКонтакте, Facebook* и тп (статистика, реклама, ремаркетинг) 5 800 руб. 4 930 руб. 4

Защита форм сайта от спама и спам ботов без CAPTCHA (капча, Google reCaptcha, Yandex SmartCaptcha) 3 700 руб. 2 960 руб. 3

Оптимизация и сжатие HTML + JS + CSS для уменьшения веса сайта (минификация данных) 2 600 руб. 1 950 руб. 5

Расширенные письма заказов: свойства и параметры заказа в почтовых событиях (макросы) 2 600 руб. 1 950 руб. 5

Расширение правил ограничений доставок и оплат (restrictions, дополнительные правила) 3 700 руб. 2 960 руб. 1

Уведомление об использовании cookie файлов (политика куки, ФЗ-152) 2 000 руб. 1 500 руб. 4

Уведомление с логином и паролем после регистрации или изменения пароля (email, sms) 2 000 руб. 1 500 руб. 5

Защита контента сайта от копирования 2.0 (защита текста и картинок, защита страницы от печати) 2 000 руб. 1 500 руб. 5

Маска ввода номера телефона в 1 клик 2 000 руб. 1 500 руб. 10

Статистика отправки Email и просмотр сообщений Бесплатно 2

еще 12 решений