Чи знаєте ви, що близько 47% споживачів очікують, що сторінка завантажиться за 2 секунди або менше? Ви впевнені, що найбільший контентний малюнок (LCP) у вашому магазині відповідає цьому порогу?

Якщо ні, ви, ймовірно, шукаєте найкращі способи пришвидшити Magento задовольнити потреби клієнтів.

Відкладене завантаження Magento 2 або ліниве завантаження – це концепція, про яку ви дізнаєтеся більше в цьому посібнику. Зокрема, ви дізнаєтеся, що таке ліниве завантаження, як воно корисне для вашого веб-сайту та як його можна налаштувати.

Ви готові почати?

Що таке ліниве завантаження?

Відкладене завантаження – це техніка завантаження на вимогу, яка спрямована на оптимізацію швидкості завантаження веб-сайту шляхом відкладеної доставки контенту, зокрема зображень.

Основна ідея лінивого завантаження полягає в завантаженні лише необхідних ресурсів у вікні перегляду, а не всіх одночасно. Таким чином, зображення веб-сайту завантажуються лише у видимій частині сторінки, а інші — коли користувачі прокручують сторінку вниз

Оскільки система завантажує лише ті елементи, які потрібні клієнтам, а не весь вміст сторінки, швидкість збільшується, і веб-сторінка завантажується швидше. Саме це робить ліниве завантаження одним із найкращих варіантів для оптимізація зображень у Magento 2 .

 Ліниве завантаження Magento

Досить просто, чи не так?

Давайте детальніше розглянемо переваги.

Переваги лінивого завантаження для вашого магазину

Якщо ви ще не реалізували ліниве завантаження в Magento 2, можливо, це тому, що ви не вивчили його переваги. І вони більш ніж корисні.

Зменшення часу завантаження сторінки

Це, мабуть, найпоширеніша причина, чому люди використовують відкладене завантаження Magento, оскільки швидкість веб-сайту є ключовою для всього: досвіду клієнтів, конверсій, показників відмов і навіть SEO Magento.

Завантаження зображень відкладається, тому сторінки з великою кількістю зображень завантажуються швидше за допомогою відкладеного завантаження. Як видно з зображення нижче, навіть Google пропонує використовувати відкладене завантаження зображень для кращої швидкості.

 Відкладення зображень поза екраном

Покращення досвіду покупок клієнтів

Пам’ятаєте статистику , яку ми згадували на початку статті?

Досить велика частина ваших клієнтів очікує, що ви швидко надасте контент. В іншому випадку вони просто підуть без обіцянки повернутися. Веб-сайт зі швидким завантаженням залишає враження з самого початку, і відкладене завантаження Magento допомагає вам отримати це враження.

Збереження пропускної здатності та системних ресурсів

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

 Зображення з відкладеним завантаженням  Завантаження без відкладеного завантаження
Завантаження сторінки з відкладеним завантаженням Завантаження сторінки без відкладеного завантаження
7 запитів до сервера (44,5 Кб)
21 запит до сервера (167,5 Кб)

Розмір ресурсів, які слід завантажити під час завантаження сторінки, втричі менший при відкладеному завантаженні.

Зменшення показника відмов

Неважко порахувати, чому швидкість веб-сайту може впливати на рішення клієнтів продовжувати перегляд чи піти. Швидкість веб-сайту може бути прямою причиною зростання показників відмов.

Відкладене завантаження надає пріоритет контенту, який завантажується першим. Швидке завантаження означає довше переглядання, що вигідно лише вам.

Як реалізувати відкладене завантаження в Magento 2?

Відкладене завантаження не є нативною функцією Magento. Відповідно, його можна налаштувати за допомогою стороннього розширення, такого як Відкладене завантаження зображень у Magento 2 .

Все, що вам потрібно зробити, це просто встановити розширення та встановити Блоки відкладеного завантаження.

Magento 2 Image Lazy Load Configuration

Найкраще в відкладеному завантаженні те, що вам не потрібно вносити складні зміни в код або налаштування. Просто заповніть один простий параметр. Останнє, що потрібно зробити після того, як ви налаштувати відкладене завантаження в Magento , це протестувати відкладене завантаження на сторінках вашого веб-сайту.

Відкладене завантаження – це простий у впровадженні метод, який може вплинути на швидкість роботи вашого веб-сайту. Навіть якщо це може здатися неактуальним, кожен з найкращих інструментів для перевірити швидкість Magento врахує його під час аналізу показників вашого веб-сайту.