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

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

Як автоматично виключити зображення з lazy load?

Підіть у Stores > Configuration > Magefan Extensions > Lazy Load. Тоді виберіть Lazy Load Block та вкажуть кількість перших хображень у блоці, які треба пропустити у полі First Images To Skip.

Lazy load images in Magento 2

Розширення автоматично виключить перші зображення з відкладеного завантаження, коли ви збережете налаштування.

Як вручну виключити зображення з lazy load?

Якщо ви хочете виключити якісь певні зображення з lazy load, просто додайте атрибут mfdislazy="1" до тегу <img>, як у прикладі.

Приклад:

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

Примітка: дуже важливо, щоб атрибут mfdislazy додавався на початку тегу зображення, а не в кінці.

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

Exclude Images from Lazy Loading

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