По умолчанию, все изображения на страницах интернет-магазина загружаются одновременно, что приводит к снижению скорости загрузки, пессимизации поисковых запросов, увеличению времени ожидания и ухудшению пользовательского опыта.
Почему это важно:
- Как правило клиенты не ждут загрузки медленных сайтов дольше 5 секунд, им проще найти конкурента.
- Скорость загрузки влияет на ранжирование сайта в поисковиках. Если сайт долго грузится, робот поисковой системы может не успеть его полностью проиндексировать.
- Перегрузка сервера и увеличению расходов на хранение и передачу данных.
Что можно сделать?
Простое решение — отложить загрузку всего, что не нужно пользователю прямо сейчас. Для этого мы разработали модуль “Отложенная загрузка изображений”, который загружает изображения только тогда, когда они становятся видимыми для пользователя. Остальные изображения загружаются по мере прокрутки страницы. Это позволяет ускорить загрузку страницы и уменьшить потребление ресурсов.
Этот метод оптимизации особенно полезен для сайтов, где большое количество изображений, например, интернет-магазинов, на страницах с большим количеством изображений, фотогалерей или портфолио.
По результатам наших замеров на тестовом сайте (на странице было размещено 100 товаров и 4 баннера) :
- Скорость загрузки страницы увеличилась в 1,5 раза;
- Снижения HTTP-запросов;
- Уменьшение общего объема страницы;
- Уменьшение времени до взаимодействия с сайтом.
До установки модуля
После установки модуля
Особенности модуля
Модуль прост в установке и не требует дополнительных настроек.
- Store Builder
- Store Builder Ultimate
- Multi-Vendor
- Multi-Vendor Plus
- Multi-Vendor Ultimate
- Владельцам
- English
- Русский
- 4.18.X
- 4.17.X
- 4.16.X
Установка модуля
После скачивания модуля, его установка производится штатными средствами CS-Cart на странице Панель администратора → Модули → Управление модулями → Загрузить и установить модуль (+).
Для версии CS-Cart более 4.13.1 Панель администратора → Модули → Управление модулями → Кнопка Шестеренка → Ручная установка.
Настройка модуля
После установки модуль готов к работе.
В модуле присутствует единственная настройка Использовать внешнюю JS библиотеку.
В некоторых случаях может возникнуть необходимость загрузить JavaScript библиотеку из внешнего источника для корректной работы модуля. Это может касаться ситуаций, когда изображения или другие медиа-элементы, например, логотипы брендов, не отображаются должным образом.
v1.1.2 (скоро)
[!] Исправлено искажение логотипа и иконок
[!] На главной странице не отображаются изображения брендов. Исправлено
v1.1.1 от 06.03.2024
[+] Добавлено ограничение стилями размера ширины и высоты изображения
v1.1.0 от 06.03.2024
[+] Возможность выбирать откуда загружать js библиотеку
v1.0.3 от 11.12.2023
[*] Изменены короткие теги на обычные
[*] Стандартизация модуля
v1.0.2 от 12.05.2023
[*] Лицензирование
Выбор секций для отложенной загрузки
Добавление возможности выбирать секций для отложенной загрузки
Запрос на доработку csc_lazy_images. Road Map
Отложенная загрузка для "Фоновое изображение" баннера
Ваш запрос отправлен!
Ваш запрос на доработку модуля отправлен в техническую поддержку. Мы изучим ваши пожелания и дадим обратную свзязь.
Вам придет уведомление на указанный Email.