Ленивая загрузка изображений (LazyLoad для ускорения загрузки сайта)

Решение поможет вам настроить Ленивую загрузку (Отложенную загрузку) изображений на вашем сайте.Отложенная загрузка изображений позволяет пользователям не загружать изображения которые они не используют. Это позволяет значительно уменьшить вес загружаемой страницы и ускорить отображение вашего сайта у пользователя!Модуль положительно влияет на оценку Google Page Speed и решает проблему "отложенной загрузки скрытых изображений", на которой монитор Google поддерживает постоянный акцент.Гибкая настройкаМодуль не требует работы с кодом, обработка происходит "На лету"Работает с CDN от БитриксПоддержка многосайтовостиРаботает на большинстве редакций и версий 1с-БитриксОдинаково хорошо работает с кодировками UTF-8 и Windows-1251Версия 2.2.0Добавлена поддержка iframe!Для еще большего ускорения отображения сайта и увеличения рейтинга скорости по PageSpeed Inlight Вы можете настроить InlineCSS с помощью другого моего модуля - http://marketplace.1c-bitrix.ru/solutions/arturgolubev.cssinliner/

Ленивая загрузка изображений (LazyLoad для ускорения загрузки сайта)

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

Купить: 2 490 1 893 руб.

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

Акция действительна по 31 декабря 2019

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

Описание

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

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

11.04.2019

Обновлено:

05.11.2019

Версия:

2.2.1

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

100 - 499 раз

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

«Первый сайт», «Старт», «Стандарт», «Малый бизнес», «Эксперт», «Бизнес»

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

Да

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

Да

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

Нет

Описание

Решение поможет вам настроить Ленивую загрузку (Отложенную загрузку) изображений на вашем сайте.
Отложенная загрузка изображений позволяет пользователям не загружать изображения которые они не используют. Это позволяет значительно уменьшить вес загружаемой страницы и ускорить отображение вашего сайта у пользователя!

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

• Гибкая настройка
  
• Модуль не требует работы с кодом, обработка происходит "На лету"
  
• Работает с CDN от Битрикс
  
• Поддержка многосайтовости
  
• Работает на большинстве редакций и версий 1с-Битрикс
  
• Одинаково хорошо работает с кодировками UTF-8 и Windows-1251
  

Версия 2.2.0 Добавлена поддержка iframe!

Для еще большего ускорения отображения сайта и увеличения рейтинга скорости по PageSpeed Inlight Вы можете настроить InlineCSS с помощью другого моего модуля - http://marketplace.1c-bitrix.ru/solutions/arturgolubev.cssinliner/

Отзывы (6)

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

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

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

Артур Голубев 23 Октября 2019 13:46

Вышло обновление 2.2.0. Модуль теперь поддерживает отложенную загрузку iframe"ов! Для активации данной функции в настройках отметьте галочку "Включить отложенную загрузку для iframe (включая YouTube)"

Павел 21 Сентября 2019 01:28

Здравствуйте! Планируете ли ввести в модуль отложенную загрузку видео с Ютуба? Чтобы нон в виде картинки показывалось, а при клике по ней подгружалось? Так, например, в плагине WP-Rocket для Wordpress сделано.

Артур Голубев (разработчик) 21 Сентября 2019 09:23

Павел, Добрый день! В ближайших обновлениях планируется отложенная загрузка для всех <ifr ame>, по реализации пока подсказать не могу, надо изучать возможности

Артур Голубев 13 Сентября 2019 15:18

Вышло новое обновление 2.1.0. В обновлении значительно улучшены настройки многосайтовости - теперь можно для разных сайтов прописывать разные селекторы картинок и страницы исключения. Так же добавлена область предзагрузки картинок, позволяющая быстрее реагировать на прокрутку и уменьшить визуальный эффект отложенной загрузки для пользователей.

Евгений Гладко 28 Августа 2019 15:28

Добрый день!
а что делать с такими моментами когда фото в "data-parallax-img="/8143220854414cf7345cf9184c0b3e07.jpg" "? или как слайдере в "data-slide-bg="/.jpg" " ?

Артур Голубев (разработчик) 29 Августа 2019 13:07

Евгений Гладко, Добрый день. Судя по описанию это слайдер с javascript-сборкой отображаемого html-кода, к подобным вещам из вне отложенную загрузку не применить, нужно что бы либо сам слайдер поддерживал отложенную загрузку данных, либо дописывать эту возможность в код слайдера

2884955 9 Июля 2019 10:11

Добрый день
в Вашем модуле предусмотрена функция добавления анимированной иконки загрузки, пока картинка не подгрузилась ?

Артур Голубев (разработчик) 9 Июля 2019 11:46

2884955, Добрый день! Да, анимация прелоадера есть (её можно увидеть в онлайн-демо и на скриншотах модуля). Для отображения анимации на месте изображения у него должны быть размеры (ширина и высота) в абсолютных или относительных значениях.

1 - 5 из 10

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

Что нового

2.2.1 (05.11.2019)	Небольшие исправления
2.2.0 (23.10.2019)	Улучшение производительности, добавлена поддержка iframe
2.1.0 (13.09.2019)	Значительные улучшения вариативности настроек в плане многосайтовости. Добавлена зона предзагрузки, для более плавной и быстрой загрузки с точки зрения пользователя сайта.
2.0.2 (29.07.2019)	Добавлены настройки прелоадера, добавлена возможность загружать картинки сразу после загрузки страницы
2.0.1 (06.07.2019)	Улучшение работы алгоритмов инициализации и проработка триггеров
1.1.8 (23.06.2019)	Повышение эффективности алгоритмов. Добавление отладочного режима
1.1.7 (17.06.2019)	Улучшение работы в режиме композитного и автокомпозитного сайта
1.1.6 (14.06.2019)	Исправление ошибок
1.1.5 (22.05.2019)	Небольшие доработки
1.1.3 (19.05.2019)	Небольшие внутренние изменения. Добавлена настройка эффекта появления картинки
1.1.2 (13.05.2019)	Оптимизация алгоритмов для упрощения настройки
1.1.1 (23.04.2019)	Улучшение работоспособности модуля
1.1.0 (17.04.2019)	Добавлены страницы-исключения, улучшена работа с windows-кодировкой
1.0.9 (12.04.2019)	Небольшие исправления

Установка

1. Установите модуль с Marketplace

2. Перейдите в настройки модуля в верхней части экрана админки и в списке модулей выберите "Ленивая загрузка изображений (lazy load)"

3. Заполните настройки модуля. Для каждого сайта по многосайтовости будет отображена отдельная вкладка детальных настроек

4. Особое внимание уделите настройкам:

• Подключить встроенную библиотеку JQuery - данную настройку нужно активировать если у Вас на сайте не подключена библиотека jQuery, в противном случае, включать её не нужно
  
• К каким картинкам применять - эта настройка самая важная, в ней вам нужно указать CSS селекторы картинок, к которым будет применена отложенная загрузка. Модуль применит алгоритмы к указанным в данной настройке изображениям и изображениям с классом agllimage (прописывать данный класс в настройке не нужно)
  

5. Визуальные и дополнительные возможности настройте на ваше усмотрение, не забудьте поставить галочку "Модуль включён" на вкладке "Настройки"

6. После заполнения сохраните настройки. После сохранения система попросит сбросить HTML-кеш, сбросьте его.

7. Модуль настроен и готов к работеМодуль сложен в настройке и требует знаний работы с  селекторами. Если у Вас не получилось настроить модуль или нужны  подсказки - не стесняйтесь писать в поддержку


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

• Битрикс версии 14.5 и старше
  
• PHP версии 5.6 или выше
  
• Расширение DOM в PHP
  
• jQuery 1.8.3 и старше
  

Поддержка

Ответы на часто задаваемые вопросы по покупке, оплате, активации купона Вы сможете найти тут - http://arturgolubev.ru/knowledge/course1/

База вопросов-ответов по конкретным модулям - http://arturgolubev.ru/learning/

Для получения технической поддержки пишите на почту - me@arturgolubev.ru При обращении в техническую поддержку обязательно указывайте: Адрес сайта Подробное описание проблемы, как увидеть проблему Доступ к административной панели FTP-доступ (позволяет быстрее найти проблему и более безопасен) Я отвечаю на все вопросы поступающие на email поддержки, поэтому, если   ответа не поступает более суток, проверьте папку спам.

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

Лицензионное соглашение

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

Умный поиск по сайту с исправлением ошибок в запросе 3 490 руб. 2 653 руб. 4

Электронная коммерция для Google и Яндекс в 1 клик (Ecommerce) 3 990 руб. 3 033 руб. 2

Inline CSS в 1 клик (Инлайн CSS Google Page Speed) 1 590 руб. 1 209 руб. 6

Сжатие HTML (Оптимизация HTML для ускорения загрузки сайта) 1 000 руб. 2

Мы на связи: контакт-панель для вашего сайта 1 000 руб.

Динамический ремаркетинг Google Adwords 3 490 руб. 2 653 руб. 1

Предупреждение об использовании cookie-файлов 1 000 руб. 2

Защита контента от копирования 2.0 1 000 руб. 2

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

Ускорение выгрузки из 1с (оптимизация работы с управляемым кешем) 1 890 руб. 1 437 руб.

Экспорт в Google Merchant и Facebook (Автообновляемый XML-Feed) 1 000 руб. 7

Экспорт каталога товаров в Bitrix24 2 000 руб. 1 520 руб.

Статистика отправки Email Бесплатно

Кнопки поделиться в социальный сетях Бесплатно 4

Новогодние украшения для сайта в 1 клик Бесплатно 1

Мне это нравится! Бесплатно

Калькулятор ипотеки от DomClick для сайта Бесплатно

Mobile Detect - определение устройства из PHP Бесплатно

еще 14 решений