Модуль - Lazy load изображений

Модуль входит в пакет модулей SpeedUP для CS-Cart проектов (поставляется бесплатно в составе пакета).

Модуль позволяет при загрузке страницы сайта браузером отложить загрузку изображений этой страницы на момент времени, когда они необходимы для отображения пользователю. Это позволяет экономить ресурсы и делать загрузку страницы более быстрой (механика является требованием Google к быстродействию сайтов и является обязательной к использованию).

Видео работы модуля Lazy load изображений

Модуль ленивой загрузки изображений призван решить сразу несколько проблем:

• Уменьшает время начальной загрузки - отложенная загрузка веб-страницы снижает ее вес, что позволяет ускорить загрузку страницы;
• Сохранение пропускной способности - отложенная загрузка сохраняет пропускную способность, доставляя контент пользователям только по запросу;
• Сохранение системных ресурсов - ленивая загрузка экономит ресурсы как сервера, так и клиента, потому что только некоторые изображения, JavaScript и другой код действительно нуждаются в визуализации или выполнении, все остальные должны подгружаться при необходимости;
• Улучшает показатели Google PageSpeed Insights для страниц сайта.Почему наша реализация функции lazy load предпочтительна для использования?

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

Внимание: для достижения максимальных показателей быстродействия на страницах сайта необходимо сочетать механики ленивой загрузки (постзагрузки) и предзагрузки изображений: мы предзагружаем те изображения, которые пользователь видит на экране первыми и лениво подгружаем те, которые он должен увидеть при дальнейшем взаимодействии со страницей (и только при наличии такового взаимодействия).

Для функции предзагрузки у нас предусмотрен модуль Прелоад для CS-Cart.