Каталог решений

Покупка продления купона

Продолжительность:
Общая сумма:
0 руб.
Ваш запрос успешно отправлен!

Я согласен с условиями активации продлений
Продлить
Продолжить покупки

LazyLoad LITE - Отложенная загрузка изображений

Модуль автоматически размечает изображения на странице в тегах img под отложенную загрузку атрибутом loading="lazy", и отложенная загрузка происходит без использования JS.Это облегченная версия модуля LazyLoad, которая работает только с изображениями в тегах img.Преимуществом этой версии является то, что здесь не используется Javascript для реализации ленивой загрузки, а используется атрибут loading="lazy" (введён в 2019 году), благодаря которому браузер самостоятельно производит ленивую загрузку.Такой механизм позволяет не терять баллы Google Page Speed за счёт дополнительного времени на загрузку и исполнение Javascript и является самым эффективным с точки зрения использования ресурсов браузера.Относительно Google PageSpeed модуль решает задачу "Отложите загрузку скрытых изображений":Дополнительные возможности:Есть возможность отключить отложенную загрузку в зависимости от наличия строки в URL изображения (актуально для счётчиков и пикселей ретаргенинга)Есть возможность отключить отложенную загрузку для изображений с определенными классамиЕсть возможность отключить модуль на определенных доменах, разделах или страницахПреимущества модуля:Используется самый эффективный и быстрый метод ленивой загрузки изображенийАвтоматически размечает все подходящие изображения на странице под отложенную загрузку (не требуется вручную указывать специальные классы и атрибуты)Не использует JavascriptУчитывает уже существующие атрибуты loading у изображенийРаботает в композитном режимеРаботает в AJAX режимеРаботает с CDNНе конфликтует с другими решениями lazyloadНедостатки:Обрабатывает только изображения и только в тегах img (другие теги не поддерживают атрибут loading="lazy")Метод работает только в современных браузерах (в устаревших браузерах изображения будут загружаться как обычно)Если вам требуется расширенный функционал Lazyload, то вы можете попробовать модуль "LazyLoad PRO - Отложенная загрузка изображений, видео и iframe в 1 клик" В вашем браузере отключен JavaScript BX.ready(function() { BX.message({'ENABLE_JAVASCRIPT':'В вашем браузере отключен JavaScript','JS_PLAYLISTERROR':'Произошла ошибка при загрузке списка воспроизведения','JS_CLICKTOPLAY':'Нажмите для просмотра','JS_LINK':'Скачать...','PLAYER_LOADING':'Загрузка плеера','PLAYER_FLASH_REQUIRED':'Плеер не может проиграть видео. Скорее всего у вас не установлен или отключен Adobe Flash Player','PLAYER_FLASH_CHECK':'Возможно, у вас не установлен или отключен Adobe Flash Player'}); var init_player_bx_videojs_player_61948f64d3211bdeb21f59CodW2j = function() { var player = new BX.Fileman.Player('bx_videojs_player_61948f64d3211bdeb21f59CodW2j', {'autoplay':false,'preload':false,'controls':true,'height':'360','width':'640','techOrder':['html5','flash'],'fluid':false,'notSupportedMessage':'Не найдено подходящего способа для воспроизведения','errorMessages':{'4':''},'sources':[{'src':'https://dkrotov.com/delight.lazyloadlite/lazyload.webm','type':'video/webm'}],'skin':'vjs-default-skin'}); if(!player.lazyload) { player.init(); } }; if(typeof videojs == 'undefined') { window.videojs_player_timout = true; BX.loadCSS(['/bitrix/js/fileman/player/videojs/video-js.css?155307944746745']); BX.loadScript(['/bitrix/js/fileman/player/fileman_player.js?155307944713754','/bitrix/js/fileman/player/videojs/video.js?1553079440879350'], function() { setTimeout(function() { init_player_bx_videojs_player_61948f64d3211bdeb21f59CodW2j(); }, 100); }); } else { if(window.videojs_player_timout === true) { setTimeout(function() { init_player_bx_videojs_player_61948f64d3211bdeb21f59CodW2j(); }, 100); } else { init_player_bx_videojs_player_61948f64d3211bdeb21f59CodW2j(); } } }); Поблагодарить разработчика:https://money.yandex.ru/to/41001510540341-------------------------------------------------------------------Ещё полезные модули для ускорения сайта:Если вам требуется решить проблему оптимизации изображений и конвертирования их в современный формат, вам может быть интересен другой мой модуль:Webp - конвертер изображений в современный формат «на лету»Для решения проблемы «Устраните ресурсы, блокирующие отображение» можно использовать модуль: Предзагрузчик ресурсовДля решения проблем с уменьшением размера кода HTML, JS, CSS вы можете использовать модуль Минификация HTML/JS/CSS

LazyLoad LITE - Отложенная загрузка изображений

LazyLoad LITE - Отложенная загрузка изображений

Скриншоты
Описание

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

Опубликовано:
03.11.2020
Версия:
1.0.0
Установлено:
50 - 99 раз
Подходящие редакции:
«Первый сайт», «Старт», «Стандарт», «Малый бизнес», «Эксперт», «Бизнес», «Интернет-магазин + CRM»
Адаптивность:
Да
Поддержка Композита:
Да
Совместимо с Сайты24
Нет

Описание

Модуль автоматически размечает изображения на странице в тегах img под отложенную загрузку атрибутом loading="lazy", и отложенная загрузка происходит без использования JS.

Это облегченная версия модуля LazyLoad, которая работает только с изображениями в тегах img.
Преимуществом этой версии является то, что здесь не используется Javascript для реализации ленивой загрузки, а используется атрибут loading="lazy" (введён в 2019 году), благодаря которому браузер самостоятельно производит ленивую загрузку.
Такой механизм позволяет не терять баллы Google Page Speed за счёт дополнительного времени на загрузку и исполнение Javascript и является самым эффективным с точки зрения использования ресурсов браузера.

Относительно Google PageSpeed модуль решает задачу "Отложите загрузку скрытых изображений":


Дополнительные возможности:
  • Есть возможность отключить отложенную загрузку в зависимости от наличия строки в URL изображения (актуально для счётчиков и пикселей ретаргенинга)
  • Есть возможность отключить отложенную загрузку для изображений с определенными классами
  • Есть возможность отключить модуль на определенных доменах, разделах или страницах

Преимущества модуля:
  • Используется самый эффективный и быстрый метод ленивой загрузки изображений
  • Автоматически размечает все подходящие изображения на странице под отложенную загрузку (не требуется вручную указывать специальные классы и атрибуты)
  • Не использует Javascript
  • Учитывает уже существующие атрибуты loading у изображений
  • Работает в композитном режиме
  • Работает в AJAX режиме
  • Работает с CDN
  • Не конфликтует с другими решениями lazyload

Недостатки:
  • Обрабатывает только изображения и только в тегах img (другие теги не поддерживают атрибут loading="lazy")
  • Метод работает только в современных браузерах (в устаревших браузерах изображения будут загружаться как обычно)

Если вам требуется расширенный функционал Lazyload, то вы можете попробовать модуль "LazyLoad PRO - Отложенная загрузка изображений, видео и iframe в 1 клик"


Поблагодарить разработчика:
https://money.yandex.ru/to/41001510540341


-------------------------------------------------------------------

Ещё полезные модули для ускорения сайта:

Если вам требуется решить проблему оптимизации изображений и конвертирования их в современный формат, вам может быть интересен другой мой модуль:
Webp - конвертер изображений в современный формат «на лету»



Для решения проблемы «Устраните ресурсы, блокирующие отображение» можно использовать модуль: Предзагрузчик ресурсов

Для решения проблем с уменьшением размера кода HTML, JS, CSS вы можете использовать модуль Минификация HTML/JS/CSS

Отзывы (0)
Обсуждения (0)
Здесь пока никто ничего не написал. Будьте первым.
Установка
Требуется только стандартная установка. Для достижения максимального эффекта рекомендуется исключать из обработки lazyload изображения с первого экрана страницы, чтобы не замедлять его отрисовку.
Поддержка
Техническая поддержка платная.
При обращении за технической поддержкой обязательно указывайте ссылку на сайт, доступы в админку и FTP!
По вопросам техподдержки, обнаружения ошибок и расширения функциональности модуля обращайтесь на почту dronazzz@mail.ru

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

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

Решение добавлено в корзину

Перейдите в корзину и оформите заказ или продолжите покупки
Перейти в корзину
Продолжить покупки