Налаштування 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.
  4. Enable the Include Noscript HTML tag option if you want to display lazy loaded images even when the JS is disabled in the browser settings. 
  5. Ввімкніть опцію Include Noscript HTML tag, якщо ви хочете відображати відкладено завантажені зображення, навіть коли JS вимкнено в налаштуваннях браузера.

Configure Lazy Loading in Magento 2

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