Модуль входить у пакет модулів SpeedUP для прискорення CS-Cart та Multi-Vendor проектів (надається безкоштовно у складі пакета).
Модуль дозволяє при завантаженні сторінки сайту браузером відкласти завантаження зображень цієї сторінки на момент часу, коли вони необхідні для відображення користувачеві. Це дозволяє економити ресурси і робити завантаження сторінки швидше (механіка є вимогою Google до швидкодії сайтів і є обов'язковою для використання).
Відео роботи модуля Lazy load зображень
Модуль лінивого завантаження зображень покликаний вирішити відразу кілька проблем:
- Зменшує час початкового завантаження - відкладене завантаження веб-сторінки знижує її вагу, що дозволяє прискорити завантаження сторінки;
- Збереження пропускної спроможності - відкладене завантаження зберігає пропускну спроможність, доставляючи контент користувачам лише за запитом;
- Збереження системних ресурсів - лінива завантаження економить ресурси як сервера, так і клієнта, тому що тільки деякі зображення, JavaScript та інший код дійсно потребують візуалізації або виконанні, всі інші повинні підвантажуватися при необхідності;
- Покращує показники Google PageSpeed Insights для сторінок сайту. Чому наша реалізація функції lazy load є кращою для використання?
- ми використовуємо технологію, яка максимально широко підтримується сучасними браузерами та рекомендується фахівцями Google;
- наш підхід максимально широко підтримується сучасними браузерами;
- наш модуль не шкодить пошуковій оптимізації зображень (так, зображення все також індексуються і беруть участь у пошуковій видачі).
Увага: для досягнення максимальних показників швидкодії на сторінках сайту необхідно поєднувати механіки лінивого завантаження (постзавантаження) та передзавантаження зображень: ми передзавантажуємо ті зображення, які користувач бачить на екрані першими і ліниво підвантажуємо ті, які він повинен побачити при подальшій взаємодії зі сторінкою ( і лише за наявності такої взаємодії).
Для функції передзавантаження у нас передбачено модуль Прелоад для CS-Cart.
Зменшено час початкового завантаження сторінки
Відкладене завантаження веб-сторінки знижує вагу сторінки та відкладає завантаження зображень на сторінці, що дозволяє заощаджувати ресурси та прискорити завантаження сторінки. Ця механіка є вимогою Google до швидкодії сайтів і є обов'язковою для використання.
Збереження пропускної спроможності
Відкладене завантаження зберігає пропускну здатність, доставляючи контент користувачам лише за запитом. Модуль завантажує некритичні зображення та iframe тільки в той момент, коли користувач може побачити їх, покращує швидкість завантаження сторінки, мінімізує навантаження на пропускну спроможність каналу користувача та зменшує використання пам'яті.
Збереження системних ресурсів
Lazy load заощаджує ресурси як сервера, так і клієнта, тому що тільки деякі зображення, JavaScript та інший код дійсно потребують візуалізації або виконання, всі інші повинні завантажуватися при необхідності.
Ви самі регулюєте кількість зображень, наприклад, у галереї товару для відкладеного завантаження в той момент, коли користувач знаходиться на сторінці тривалий час. Таким чином, прогортаючи зображення галереї, користувач не помітить завантаження наступних зображень.
Покращує показники Google PageSpeed Insights для сторінок сайту
Використовується технологія, яка максимально широко підтримується сучасними браузерами та рекомендується фахівцями Google. Модуль дозволяє гнучко налаштувати кількість зображень, що підвантажуються ліворуч/праворуч і вище/нижче сторінки сайту.
- CS-Cart для інтернет-магазинів Free
- CS-Cart для інтернет-магазинів Standard
- CS-Cart для інтернет-магазинів Ultimate
- CS-Cart Multi-Vendor Standard
- CS-Cart Multi-Vendor Plus
- CS-Cart Multi-Vendor Ultimate
- SEO оптимізація
- Прискорення сайту
- Сторінка категорії
- 4.13.2
- 4.13.3
- 4.14.1
- 4.14.2
- 4.14.3
- 4.15.1
- 4.15.2
- 4.16.1
- 4.16.2
- 4.17.1
- 4.17.2
- 4.18.1
- 6 місяців (доступне платне продовження після закінчення)
Не знайдено дописів
Команда розробників AB гарантує обмежену технічну підтримку клієнтам через власну систему технічної допомоги.
Підтримка включає:
Підтримка не включає:
Повний перелік умов технічної підтримки та її регламенти доступні за допомогою посилання.
[+] Додана сумісність із CS-Cart 4.15.1.
Виправлення помилок:
[!] Не завантажені банери у шаблоні "Карусель" зміщували контент, розташований нижче. Виправлено.
[!] Модуль "Підтримка HiDPI". Під час перегляду вихідного коду сторінки клік на посилання зображення в атрибуті srcset(base64) не відкривав зображення. Виправлено. [!] Тема UniTheme2. У деяких випадках не працював механізм відкладеного завантаження для скролерів (скроллер брендів). Виправлено. [!] Тема UniTheme2. При активному модулі "Збільшені зображення товарів" не перемикалися зображення при натисканні на галерею зображень. Виправлено.
[+] Розробка основного функціоналу модуля.
