Додано параметр fetchpriority для керування завантаженням зображень картки товару

February 21 •

2 followers

На платформі Hotlist.biz додано новий параметр керування завантаженням зображень — fetchpriority. Тепер у налаштуваннях доступний розширений набір режимів, що дозволяє гнучко керувати тим, як і де завантажуються зображення на сайті.

Додано додаткове горизонтальне меню з категоріями та виробниками

Що змінилося

У системі доступні розширені параметри, які дозволяють:

вмикати або вимикати loading="lazy"
керувати додаванням розмірів зображення (width/height)
вмикати fetchpriority="high" для пріоритетного завантаження (новий параметр)
задавати різні режими окремо для картки товару та списку товарів
повністю вимикати або комбінувати параметри

Що таке lazyload і fetchpriority

Lazy Load (loading="lazy") — це відкладене завантаження зображень. Картинки підвантажуються лише тоді, коли користувач прокручує сторінку до них. Це зменшує початкове навантаження та пришвидшує відображення сторінки.

Fetch Priority (fetchpriority="high") — це пріоритетне завантаження зображення. Браузер отримує сигнал, що певне зображення (наприклад, головне зображення товару) має завантажуватися раніше за інші ресурси. Це особливо важливо для LCP-елементів.

Повна гнучкість керування

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

вмикати lazyload лише там, де це необхідно
додавати розміри зображень для запобігання CLS
призначати fetchpriority для головних зображень
розділяти налаштування для списку товарів і картки товару

Для чого це потрібно

Гнучке керування завантаженням зображень дозволяє:

пришвидшити відображення сторінок
покращити показники LCP та CLS
підвищити оцінку в Google PageSpeed
зменшити навантаження на сервер і браузер
покращити поведінкові фактори

Тепер у Hotlist.biz доступна повна гнучкість керування завантаженням зображень для максимального прискорення сайту та покращення показників Google PageSpeed.