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

Отложенная загрузка изображений ускоряет витрину CS-Cart: магазин не загружает все картинки сразу, а подгружает их по мере прокрутки страницы покупателем. Первый экран становится легче, страница быстрее открывается, а лишний трафик не расходуется на изображения, до которых пользователь ещё не дошёл.

Для чего нужен

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

Основные возможности

• Откладывает загрузку изображений до момента, когда они появляются рядом с видимой областью страницы.
• Работает с изображениями товаров, миниатюрами, баннерами, блоками блога и графикой в меню.
• Поддерживает изображения, которые используются как фон в баннерах и отдельных элементах темы.
• Позволяет выбрать источник JavaScript-библиотек: внешний CDN или локальные файлы модуля.
• Показывает безопасный плейсхолдер для изображений, которые ещё не получили реальный адрес.
• Учитывает страницы, где отложенная загрузка не должна мешать стандартному поведению, например быстрый просмотр товара.

Как работает

После включения модуль автоматически меняет вывод изображений на витрине. Вместо немедленной загрузки всех картинок он помечает их для lazy load и подключает скрипт, который отслеживает приближение изображения к зоне видимости. Когда покупатель прокручивает страницу, нужная картинка загружается в подходящий момент.

Для фоновых изображений модуль применяет тот же подход: баннеры, меню и другие графические блоки не утяжеляют первый экран, но появляются корректно, когда становятся нужны пользователю. Администратор может оставить подключение библиотек с внешнего источника или переключиться на локальные скрипты из комплекта модуля.