Додано параметр fetchpriority для керування завантаженням зображень картки товару
На платформі BooStore.pro додано новий параметр керування завантаженням зображень — 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
- зменшити навантаження на сервер і браузер
- покращити поведінкові фактори
Тепер у BooStore.pro доступна повна гнучкість керування завантаженням зображень для максимального прискорення сайту та покращення показників Google PageSpeed.