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

Друзья!

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

Demo%20Rus

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

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

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

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

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

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

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


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



!

!



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

!

!

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

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

Поддержка

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

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

Обновления

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

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

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

CS-Cart версии 4.9.x - 4.14.x.

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

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

Документация модуля

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

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

4 лайка

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

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

1 лайк

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

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

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

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

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

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

Добрый день.

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

Screenshot_3

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

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

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

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

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

Дорогие друзья!

Мы произвели обновление модуля Отложенная загрузка изображений до версии 1.9 от 08 Ноября 2021. Были внесены следующие изменения:

[+] - Добавлена “предзагрузка изображений“ - возможность отключить отложенную загрузку для части элементов.
[+] - Добавлена возможность не использовать отложенную загрузку в блоках внутри определенных секций на макетах.
[*] - Настройки модуля разбиты по секциям.
[!] - При использовании отложенной загрузки для изображений в HTML блоках, ссылки в контенте этих блоков могли сломаться. Исправлено.
[!] - Могли появиться проблемы с кликабельностью ссылок на номере телефона в шапке сайта. Исправлено.

Если у Вас есть какие-либо вопросы, пожалуйста, не стесняйтесь писать нам.

Официальная страница модуля.

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

Благодарим за внимание!

Дорогие друзья!

Мы произвели обновление модуля Отложенная загрузка изображений до версии 1.10 от 20 апреля 2022. Были внесены следующие изменения:

[+] - Добавлена возможность использовать отложенную загрузку для целых блоков с товарами.
[*] - На странице товара, изображения товара не попадают в отложенную загрузку

Если у Вас есть какие-либо вопросы, пожалуйста, не стесняйтесь писать нам.

Официальная страница модуля.

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

Благодарим за внимание!

Дорогие друзья!

Мы произвели обновление модуля Отложенная загрузка изображений и блоков до версии 1.11 от 01 Июня 2022.

Были внесены следующие изменения:

[+] - Добавлена возможность задавать высоту блока до асинхронной загрузки.
[+] - Добавлена возможность включать отложенную загрузку изображений для отдельных блоков.
[*] - Модуль переименован в “Отложенная загрузка изображений и блоков”

Если у Вас есть какие-либо вопросы, пожалуйста, не стесняйтесь писать нам.

Официальная страница модуля.

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

Благодарим за внимание!

Дорогие друзья!

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

Были внесены следующие изменения:

[+] - Добавлена совместимость с PHP 8.0

Если у Вас есть какие-либо вопросы, пожалуйста, не стесняйтесь писать нам.

Официальная страница модуля.

Благодарим за внимание!