Атрибут fetchpriority: подсказка о важности изображения
Fetchpriority позволяет сообщить браузеру относительную важность загрузки изображения. Он может помочь главному ресурсу страницы, если измерения показывают, что его запрос получает недостаточное внимание.
Назначение
Fetchpriority позволяет сообщить браузеру относительную важность загрузки изображения. Он может помочь главному ресурсу страницы, если измерения показывают, что его запрос получает недостаточное внимание.
Как это работает
Поддерживаются high, low и auto. Атрибут задаётся у img независимо от loading и decoding. Создайте собственный hero.jpg для примера и не назначайте lazy главному изображению первого экрана без измерений.
Пример
<img src="hero.jpg" alt="Обзор учебного макета" width="1200" height="675" fetchpriority="high">Что должно получиться
Браузер получает подсказку high вместе с известными размерами. Это не обещание немедленной загрузки: очередь и внутренние приоритеты остаются под контролем браузера.
Граница применения и частая ошибка
Назначение high всем картинкам лишает подсказку смысла и может усилить конкуренцию за ресурсы. Атрибут не уменьшает размер файла и не исправляет позднее обнаружение URL. Сначала проверьте вес, формат и момент появления ресурса в разметке.
Самостоятельная проверка
Сравните несколько загрузок страницы с атрибутом и без него в одинаковых условиях. Посмотрите колонку Priority и время начала запроса. Оставляйте подсказку только при понятной пользе для выбранного ресурса.