Підтримайте Чи знаєте ви, що близько 47% споживачів очікують, що сторінка завантажиться за 2 секунди або менше? Ви впевнені, що значення Largest Contentful Paint (LCP) на вашому магазині відповідає цьому?
Якщо ні, ви ймовірно шукаєте найкращі способи покращення швидкості Magento, щоб задовольнити потреби користувачів.
Відкладене завантаження у Magento 2 або Magento lazy loading – це поняття, про яке ви дізнаєтеся більше в цій статті. Зокрема, ви дізнаєтеся, що таке відкладене завантаження, як це приносить користь вашому веб-сайту, та, як ви можете його налаштувати.
Зміст [приховати]
Ви готові?
Що таке lazy loading?
Lazy Loading – це техніка завантаження на вимогу (on-demand loading), яка спрямована на оптимізацію швидкості завантаження сайту за допомогою відкладеного завантаження контенту, зокрема зображень.
Основна ідея відкладеного завантаження полягає в тому, щоб завантажувати лише необхідні ресурси у вікні перегляду, а не завантажувати їх усіх одночасно. Таким чином, зображення завантажуються лише у видимій частині сторінки, а решту — коли користувачі прокручують сторінку вниз.
Оскільки система завантажує лише ті елементи, які потрібні користувачам, а не весь вміст сторінки, швидкість збільшується, а сторінка відображається швидше. Це саме те, що робить відкладене завантаження одним із найкращих способів оптимізації зображень у Magento 2.
Досить легко, правда?
Давайте детальніше розглянемо переваги відкладеного завантаження.
Переваги відкладеного завантаження для вашого магазину
Якщо ви ще не впровадили відкладене завантаження в Magento 2, можливо, це тому, що ви не вивчили його переваги.
Знижуйте час завантаження сторінки
Це, мабуть, найпоширеніша причина, чому люди використовують відкладене завантаження у Magento, оскільки швидкість веб-сайту є ключовою у всьому: досвіді користувачів, конверсіях, показнику bounce rates і навіть Magento SEO.
Завантаження зображень відкладається, тому сторінки з великою кількістю зображень завантажуються швидше. Як ви можете бачити на зображенні нижче, навіть Google радить використовувати відкладене завантаження для ваших зображень для кращої швидкості.
Покращуйте досвід користувачів
Пам’ятаєте статистику, яку ми згадували на початку статті?
Відносно велика частина ваших клієнтів очікує, що ваш сайт швидко завантажить контент. Інакше вони просто підуть, не пообіцявши повернутися. Веб-сайт із швидким завантаженням справляє враження з самого початку, а відкладене завантаження Magento допомагає вам скласти це враження.
Збережіть bandwidth та ресурси системи
Відкладете завантаження допомагає уникнути виконання непотрібного коду, що економить ресурси обох сторін: сервера і користувача. Цю перевагу часто ігнорують, але при відкладеному завантаженні сервер отримує менше запитів на ресурси. Це відповідно зменшує час споживання та зберігає пропускну здатність сервера.
|
|
| Завантаження сторінки з lazy load | Завантаження сторінки без lazy load |
| 7 запитів на сервер (44.5Kb) |
21 запитів на сервер (167.5Kb) |
Розміри ресурсів, які потрібно завантажити під час завантаження сторінки, в 3 рази менші при відкладеному завантаженні.
Зменшіть bounce rates
Неважко зрозуміти, яким чином швидкість веб-сайту може вплинути на рішення клієнтів продовжити перегляд або піти. Швидкість веб-сайту може бути прямою причиною зростання ваших показників bounce rates.
Відкладене завантаження визначає пріоритет контенту, який завантажується першим. Швидке завантаження дорівнює довшому перегляду сайту, що принесе вам тільки користь.
Як налаштувати відкладете завантаження у Magento 2?
Відкладене завантаження не є функцією Magento за замовчуванням. Відповідно, його можна налаштувати за допомогою розширення, такого як Magento 2 Image Lazy Load.
Все, що вам потрібно зробити, це просто встановити розширення та задати блоки для відкладеного завантаження — Lazy Load Blocks.
Найкраще у відкладеному завантаженні це те, що вам не потрібно вносити складні зміни в код або налаштування. Лише одна проста опція, яку вам потрібно заповнити. Останнє, що потрібно зробити після того, як ви налаштуєте lazy loading у Magento — це перевірити відкладене завантаження на сторінках вашого сайту.
Lazy loading – це проста у застосуванні опція, яка може змінити швидкість вашого веб-сайту. Хоча вона може здатися нерелевантною, кожне із найкращих інструментів для перевірки швидкості Magento буде враховувати його під час аналізу показників вашого сайту.