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

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

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

Купить: 2 900 2 465 руб.

Попробовать (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

	✔	Поддерживает механизм многосайтовости, композитный и автокомпозитный режим
	✔	Одинаково хорошо работает с кодировками UTF-8 и Windows-1251
	✔	Использует стабильные события и работает на большинстве версий 1с-Битрикс
	✔	Корректно работает с большинством готовых решений и на сайтах с уникальным дизайном
	✔	Поддержка версий PHP: 5.6, 7.x, 8.x

Дополнительные рекомендации:

Для дополнительного ускорения отображения сайта и увеличения рейтинга скорости по 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.0 или выше
  
• PHP версии 5.6 или выше
  
• JQuery версии 1.8.3 или выше
  
• Наличие закрывающего тега </body> на страницах (частая ошибка)
  

Поддержка

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

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


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

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

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

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

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

---

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

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

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

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

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

Интеграция с ChatGPT и Сбер GigaChat. Массовая генерация контента, seo. Chat GPT с оплатой в рублях 4 900 руб. 3

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

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

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

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

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

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

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

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

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

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

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

Сохранение сроков и даты доставки в свойства заказа 1 000 руб.

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

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

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

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

еще 12 решений