Оптимізація зображень є одним із важливих кроків, які вам потрібно зробити для покращення швидкості Magento 2 і забезпечення кращого досвіду для ваших клієнтів. Існує безліч способів оптимізації зображень у Magento, основним з яких є lazy loading.

Воно дозволяє відкласти завантаження закадрових зображень, що підвищує швидкість сторінки відповідно. Однак, якщо ви не хочете відкладено завантажувати деякі зображення (ті, що знаходяться у верхній частині сторінки), ви можете виключити їх за допомогою розширення Magento 2 Lazy Load.

Просто додайте атрибут mfdislazy="1" до тегу <img>, як у прикладі.

Приклад:

<img src="image.jpg" />     —>    <img mfdislazy="1" src="image.jpg" />

Щойно ви додасте ці атрибути до зображень у певному блоці, вони ігноруватимуться під час відкладеного завантаження.

Exclude Images from Lazy Loading

Однак, якщо ви хочете виключити цілі блоки з відкладеного завантаження, просто не додавайте їх у поле Lazy Load Blocks у налаштуваннях розширення Lazy Load.