Оптимізація зображень є одним із важливих кроків, які вам потрібно зробити для покращення швидкості 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?
Якщо ви хочете виключити якісь певні зображення з lazy load, просто додайте атрибут mfdislazy="1" до тегу <img>, як у прикладі.
Приклад:
<img src="image.jpg" /> —> <img mfdislazy="1" src="image.jpg" />
Примітка: дуже важливо, щоб атрибут mfdislazy додавався на початку тегу зображення, а не в кінці.
Щойно ви додасте ці атрибути до зображень у певному блоці, вони ігноруватимуться під час відкладеного завантаження.
Однак, якщо ви хочете виключити цілі блоки з відкладеного завантаження, просто не додавайте їх у поле Lazy Load Blocks у налаштуваннях розширення Lazy Load.