По умолчанию CS-Cart загружает все изображения на любой странице интернет-магазина одновременно, что ощутимо снижает скорость загрузки страниц.

Чем это грозит?

1. Клиенты уходят к конкурентам — им проще вернуться в поисковик и выбрать другой интернет-магазин.
2. Задержка загрузки на 0,1 секунду уменьшает конверсию на 7% (по данным Akamai).
3. Меньше вероятность, что пользователи вернутся на сайт. По данным Google, негативный пользовательский опыт снижает вероятность повторной покупки на 60%.
4. Скорость загрузки влияет на ранжирование сайта в поисковиках. Если сайт долго грузится, робот поисковой системы может не успеть его полностью проиндексировать.

Как это исправить?

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

Модуль “Отложенная загрузка изображений и блоков” особенно эффективен страницах, где размещено более 50 товаров. По результатам наших замеров на тестовом сайте (на странице было размещено 54 товара и 3 баннера) скорость загрузки страницы увеличивается вдвое.

Возможности модуля:

• Возможность выбрать, к каким изображениям применять отложенную загрузку: изображениям продуктов, категорий, баннеров, изображениям в описаниях (товаров, категорий и т.д), изображениям в smarty/html блоках, другим изображениям;
• Возможность применять отложенную загрузку к целым товарным блокам (настройка затрагивает весь контент блока, не только изображения в нем);
• Возможность отложить загрузку всех изображений. В этом случае страница загружается без изображений, а все изображения загружаются по истечении времени задержки;
• Поддерживаются как вертикальная, так и горизонтальная прокрутка, поэтому отложенная загрузка работает и для блоков с горизонтальной прокруткой.
• Возможность установить “порог для загрузки изображений”, чтобы изображения загружались раньше. Например, установка порога на 100 заставляет изображение загружаться за 100 пикселей до появления на экране.
• 2 визуальных эффекта загрузки на выбор: затухание или показать, с возможностью установки длительности эффекта.
• Возможность включить отображение прелоадера изображений и выбрать один из 5 предложенных видов.
• Прелоад изображений - возможность настроить исключения отложенной загрузки (количество изображений, которые нужно загрузить сразу), для разных видов списков товара, при этом будет учитываться устройство для просмотра (Мобильный телефон/Смартфон, Планшет или ПК).
• Возможность отключить отложенную загрузку изображений товара на странице товара.

Обновления:

Бесплатный доступ к обновлениям на 6 месяцев.

Посмотреть обсуждение на форуме CS-Cart