Cart-Power Модуль: Отложенная загрузка изображений


#1

Друзья!

Мы выпустили новый модуль ”Отложенная загрузка изображений”.

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

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

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

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

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

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

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


До установки модуля: 



!

!



После установки модуля:

!

!

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

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

Поддержка

Подробнее о модуле и его установке читайте в документации

Если вам нужна помощь в установке, настройке или необходима доработка модуля, пожалуйста, свяжитесь с нами через систему клиентской помощи HelpDesk.

Обновления

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

Корректно работает с популярными темами YOUPI и UniTheme.

Совместимость

CS-Cart версии 4.9.1 и выше.

Купить модуль Отложенная загрузка изображений

Попробуйте Демо модуля.

See the discussion about this add-on on CS-Cart forum in English


#2

В темах YOUPI и UniTheme уже внедрен этот функционал.


#3

Мы не хотим вводить кого-либо в заблуждение, функционал отложенной загрузки изображений действительно есть в темах YOUPI и UniTheme.

Наш модуль дает возможность более гибко настроить отложенную загрузку и использовать ее на всех страницах сайта, а не только на страницах категорий. Модуль не конфликтует с YOUPI и UniTheme и его можно использовать вместо встроенного в них инструмента.


#4

Добрый день! У нас Youpi, хотелось бы понять, там отложенная загрузка работает только для страниц категорий? А главная странница? Отдельные странички информации? страницы товара? (некоторые из них у нас как одностранничники). Если в Youpi этого нет, то нам было бы актуально приобретение Вашего модуля.


#5

Вы всегда можете проверить функционал на https://youpi.shop/. Lazy load изображений работает на всех страницах сайта.


#6

видимо речь про первую версию UniTheme


#7

Как это работает на самом деле?
Установил модуль, изображения в слайдере загрузились все. Гугл ругается, что их нужно отложить. https://yadi.sk/i/0A35Lz2CxuFgFQ


#8

Нет, уже давно https://docs.cs-cart.abt.team/ru/abt__unitheme2.doc/v4.11.2.d#p-172


#9

Как давно, если на первой этого нет.


#10

Добрый день.

Пожалуйста, проверьте включена ли отложенная загрузка изображений для баннеров.

Screenshot_3


#11

Ну конечно включена.


#12

Мы сожалеем, что вы столкнулись с такой проблемой.

Отправьте, пожалуйста, нам запрос в личном кабинете в системе клиентской помощи или на sales@cart-power.com и специалисты отдела технической поддержки помогут решить проблему.


#14

Добрый день. После установки модуля и включения, начинает криво отображаться верстка сайта(для мобильных тоже)


#15

Добрый день! После установки модуля в карточках товара начались проблемы с вёрсткой и адаптивностью фотографий