Ліниве завантаження зображень Native LazyLoad для OpenCart

Модуль LazyLoad додає «ліниве» завантаження зображень товарів у вітрині магазину. Простіше кажучи: картинки підвантажуються не всі одразу, а лише коли покупець прокручує сторінку до потрібного місця. Це допомагає прискорити відкриття сторінок та знизити зайве навантаження.

Які завдання вирішує

• Прискорює завантаження сторінок категорій, модулів та списків товарів за рахунок відкладеного підвантаження зображень.
• Знижує витрати трафіку: якщо відвідувач не перегорнув сторінку до кінця, «невидимі» зображення не будуть завантажені.
• Покращує зручність на мобільних пристроях і за повільного інтернету - сторінка стає більш чуйною.

Як працює модуль

Модуль автоматично додає до зображення товарів атрибут loading="lazy". Це стандартна функція сучасних браузерів, тому не потребує додаткових бібліотек і не конфліктує з темою.

Важливо: модуль вносить зміни лише до шаблонів виведення товарів і додає один атрибут до тега зображення. Жодних складних налаштувань та зайвих скриптів.

Де застосовується

• сторінки категорій зі списком товарів;
• модулі з добірками товарів (рекомендовані, новинки, акції тощо);
• інші місця вітрини, де у шаблонах використовується мініатюра товару ( product.thumb ).

Переваги для адміністратора

• Без налаштувань: встановили та ввімкнули – працює.
• Безпечно: використовує стандартний механізм браузера.
• Швидкий ефект: помітно на сторінках з великою кількістю товарів.