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

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

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

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

Купить: 2 500 2 000 руб.

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

Акция действительна по 25 июня 2023

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

Описание

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

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

07.02.2020

Обновлено:

28.06.2021

Версия:

1.2.1

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

500 - 999 раз

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

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

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

Да

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

Да

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

Нет

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

Да

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

Описание

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

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

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

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

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

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

	▷	Простая и гибкая настройка, не требующая навыков программирования
	▷	Решение полностью безопасно - исходные файлы не редактируются
	▷	Корректно работает с CDN от Битрикс
	▷	Работает с картинками, фреймами, ютуб-видео и фоновыми изображениями

▷

Умеет дублировать исходную картинку в <noscript> для улучшенной индексации

▷

Умеет использовать встроенные современные технологии браузера для реализации отложенной загрузки

▷

Ускоряет работу сайта у реальных пользователей, а не только в PageSpeed Insight

Преимущества перед первой версией решения "Отложенная загрузка изображений":

	▷	Решение проще в настройке
	▷	Для выборки изображений использован новый подход, больше не требуется подбирать селекторы
	▷	Работа с background-image встроена в решение и теперь не требует ручной адаптации
	▷	Решение значительно менее ресурсоемкое

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

✔

Поддержка версий PHP: 5.6, 7.x, 8.x

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

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

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

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

Отзывы (2)

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

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

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

Пользователь 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 (видео с ютуб и т.п.)
- Новое решение значительно проще в настройке - никакие селекторы вам больше подбирать не нужно

Пользователь 124836 12 января 2021 22:17

Приветствую пользователи!
С 1 января Маркетплейс 1с-Битрикс находится в процессе доработки и должен полностью заработать до конца января.

Важное:
- Демо-режим: каки и возможностью покупки отключен. Как только демо-режим будет доступен в карточке решения снова появится кнопка "Попробовать"
- Цены: актуальные цены на решения можно посмотреть в списке моих решений http://marketplace.1c-bitrix.ru/partners/detail.php?ID=580734.php
- Покупка: можно купить решения напрямую у разработчика. Подробная информация тут: https://arturgolubev.ru/bitrix-licenses/buy/

Пользователь 124836 24 ноября 2020 22:11

Приветствую пользователи!

Вышло важное обновление 1.2.0:

- Добавлена возможность использовать стандартные механизмы браузера для реализации отложенной загрузки фреймов и картинок (активируется в настройках)

- При стандартной схеме работы отложенной загрузки через javascript, добавлена возможность дублировать исходную картинку в noindex (будет полезно для индексации)

Артур Голубев (разработчик) 24 ноября 2020 22:13

Артур Голубев, опечатка, возможность дублировать исходную картинку в тег noscript

Пользователь 341707 16 сентября 2020 11:59

Добрый день.
Хостинг определил файлы модуля как вирус      .../bitrix/modules/arturgolubev.lazyimage/install/index.php     по какой причине это может быть?

Артур Голубев (разработчик) 16 сентября 2020 12:14

Константин Веремьев,

Приветствую! Это не вирус

При установке решения из маркетплейса в Демо-Режиме файлы решения кодируются, для защиты от несанкционированных действий. Кодировка происходит методом обусификации. Хостинг боится глобальных переменных в обусифицированном коде и высылает предупреждение об "Obfuscated.Globals"

Подробнее - https://arturgolubev.ru/knowledge/course1/lesson42/

1 - 5 из 9

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

Что нового

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. Как купить решение если вы не из России?
   
2. Битрикс не даёт установить решение в тестовом режиме (кнопка "Попробовать")
   
3. Продление и сброс тестового периода решения
   
4. Оплата решения производится один раз?
   
5. Как оплатить решение через расчётный счёт?
   
6. Как действовать после оплаты решения?
   
7. После активации купона осталась надпись "Демо-режим"
   
8. После оплаты не приходит ключ на почту
   
9. Хостинг считает файлы решения подозрительными. Почему?
   

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


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

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

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

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

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

---

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

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

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

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

Умный поиск с исправлением ошибок в запросе, подсказками и настраиваемой областью поиска 5 800 руб. 4 930 руб. 48

Интеграция с ChatGPT. Генерация текстов, title, description для seo-продвижения 4 900 руб. 3 920 руб. 1

Ловец брошенных заказов / Брошенные корзины / Повышение конверсии сайта 4 900 руб. 4 410 руб. 2

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

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

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

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

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

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

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

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

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

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

Расширенные письма: новый заказ, заказ изменён, смена статуса заказа, заказ отменён, заказ оплачен 1 000 руб. 2

Отложенная загрузка изображений для ускорения загрузки сайта и Google PageSpeed 3 900 руб. 6

Отложенная загрузка YouTube и RuTube видео для ускорения загрузки страниц сайта 1 000 руб. 1

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

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

еще 16 решений