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

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

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

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

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

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

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

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

Описание

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

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

07.02.2020

Обновлено:

28.06.2021

Версия:

1.2.1

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

500 - 999 раз

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

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

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

Да

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

Да

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

Нет

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

Описание

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

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

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

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

▷

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

▷

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

▷

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

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

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

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

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

- Модуль "Inline CSS, Preloading, Preconnect", решающий проблему блокировки страницы стилями - смотреть карточку решения

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

Отзывы (2)

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

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

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

Пользователь 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/

Пользователь 3830644 12 августа 2020 20:56

Подскажите, может что не так делаю, в тестовом режиме сайт наоборот замедляется...

Артур Голубев (разработчик) 13 августа 2020 10:14

Лилия Купрейчик, Доброе утро! Что бы подсказать нужно значительно больше информации:
- "наоборот замедляется" - тут крайне желательно подробно описать на метриках видно замедление
- Есть ли в pagespeed до установки требование о отложенной загрузке и сколько секунд отдаётся проблеме
- Есть ли в pagespeed после установки требование о отложенной загрузке и сколько секунд отдаётся проблеме
- Доступы к админке для проверки настроек решения

Пришлите на почту поддержки me@arturgolubev.ru ответы на эти пункты, постараюсь разобраться

1 - 5 из 8

Назад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)	Исключения, повышение производительности

Установка

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

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

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

• Битрикс версии 15.5 или выше
  
• PHP версии 5.6 или выше
  
• JQuery версии 1.8.3 или выше
  

Поддержка

▷

Проблемы с установкой в демо-режиме (попробовать)

▷

Продление демо-периода решения

▷

Решение оплачивается единоразово?

▷

Как оплатить решение через рассчётный счёт?

▷

После оплаты заказа на почту не пришел ключ

▷

Инструкция по активации ключа + Видео

▷

После активации ключа остался статус "Демо-режим"

▷

Хостинг считает файлы подозрительными. Почему?

Для получения технической поддержки пишите на почту: me@arturgolubev.ru Перед обращением в поддержку рекомендую проверить: - Наличие обновлений у решения (20% обращений с проблемами решаются установкой свежих обновлений) - Проверку системы в админке сайта (35% обращений решаются исправлением ошибок которые она находит) При обращении в техническую поддержку укажите: 1. Подробное описание проблемы Постарайтесь  максимально подробно описать проблему и укажите какие действия нужно  произвести для её обнаружения. Скриншоты приветствуются. 2. Решение с которым связана проблема 3. Адрес сайта 4. Доступы к административный панели (Логин и Пароль) 5. FTP или SFTP доступ (Хост, Логин, Пароль и Порт, если он не стандартный) Я отвечаю на все вопросы поступающие на email поддержки, если ответа не поступает более суток, проверьте папку спам.

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

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

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

Электронная коммерция для Яндекс.Метрики, Google Analytics и Facebook (Ecommerce) 4 900 руб. 4 410 руб. 8

Динамический ремаркетинг Google Adwords, Facebook, ВКонтакте, MyTarget (Динамический ретаргетинг) 9 400 руб. 8 460 руб. 4

Мессенджеры и социальные сети для быстрой связи с клиентом (с призывом к действию) 1 000 руб. 3

Интеграция с Wildberries FBS: остатки, цены, сборочные задания, статусы, стикеры 29 000 руб. 24 650 руб. 1

Inline CSS, Preloading, Preconnect для ускорения загрузки и увеличения баллов PageSpeed 2 500 руб. 2 250 руб. 10

Сообщение об успешной регистрации с логином и паролем 1 000 руб. 5

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

Сообщение для посетителей в 1 клик 1 000 руб. 1

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

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

Оптимизация и сжатие HTML + CSS для уменьшения веса страниц сайта 1 000 руб. 5

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

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

Печать бланка заказа и сохранение в PDF (для публичной части сайта) 2 500 руб.

Мессенджеры и социальные сети (встраиваемый блок) 1 000 руб.

Экспорт каталога товаров в Google Merchant, Facebook и Instagram (автоматическая выгрузка) 1 000 руб. 19

Индикатор прокрутки страницы (визуальный прогресс просмотра сайта) 1 000 руб.

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

Инструменты для перехода на безопасное подключение (https, ssl) 1 500 руб.

Блокировка смены символьного кода и названия для разделов и элементов 1 000 руб. 1

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

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

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

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

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

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

еще 23 решения