Налаштування Image Lazy Load - одна з чудових порад з оптимізації зображень Magento 2, яке дозволяє покращити швидкість завантаження веб-сайту та зменшити розмір сторінки, поступово завантажуючи зображення.

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

Виконайте такі кроки, щоб налаштувати Image Lazy Load у Magento 2:

  1. Встановіть розширення Magento 2 Image Lazy Load від Magefan.
  2. Підіть в Stores > Configuration > Magefan Extensions > Lazy Load.
  3. Увімкніть розширення, вибравши Так у полі Enabled, та визначте блоки (текстова область Lazy Load Blocks), для яких зображення слід завантажувати за допомогою lazy load.

Magento 2 Image Lazy Load Configuration

В полі 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 -->

Приклад:


                
                 
                 Magento 2 Image Lazy Load