Налаштування Image Lazy Load - одна з чудових порад з оптимізації зображень Magento 2, яке дозволяє покращити швидкість завантаження веб-сайту та зменшити розмір сторінки, поступово завантажуючи зображення.
Як тільки ваші зображення будуть завантажені за допомогою lazy load, ви можете бути впевненими, що не буде затримки завантаження сторінки, щоб ваші клієнти отримували лише найкращі враження.
Для налаштування Image Lazy Load у Magento 2:
- Встановіть розширення Magento 2 Image Lazy Load від Magefan.
- Підіть в Stores > Configuration > Magefan Extensions > Lazy Load.
- Увімкніть розширення, вибравши Так у полі Enabled, та визначте блоки (текстова область Lazy Load Blocks), для яких зображення слід завантажувати за допомогою lazy load.
- Виберіть Method, який ви хочете використовувати для відкладеного завантеження. Ви можете вибрати Non-jQuery JavaScript Library або Native Browser Lazy Loading.
- Ввімкніть опцію Include Noscript HTML tag, якщо ви хочете відображати відкладено завантажені зображення, навіть коли JS вимкнено в налаштуваннях браузера.
В полі Lazy Load Block можете задати:
- Ім'я блоку в XML-макеті, напр.:
product.info.details
- Ім'я файлу шаблону блоку. напр.:
Vendor_Module::folder/file.phtml
- Назву класу блоку, напр.:
\Magento\CatalogWidget\Block\Product\ProductsList\Interceptor
- Щоб увімкнути відкладене завантаження зображень для CMS блоків в Magento 2, у вміст блоку слід додати цей HTML-коментар:
<!-- MAGEFAN_LAZY_LOAD -->
Приклад: