fetchpriority — приоритет загрузки

fetchpriority — подсказка браузеру о желаемом приоритете загрузки ресурса. Для изображения атрибут может иметь значения high, low или auto. Это подсказка планировщику, а не гарантия строгого порядка всех сетевых запросов.

Также встречается: fetchpriority — приоритет загрузки.

Для чего используется

Практическая цель — помочь браузеру выделить действительно важный ресурс среди конкурирующих загрузок. Изменение оценивают по моменту появления нужного содержания и метрикам страницы, а не по наличию атрибута в HTML.

Как SEO-специалист использует это в проекте

В SEO-проекте fetchpriority рассматривают для важного изображения первого экрана, когда измерения показывают задержку его загрузки. Специалист фиксирует проблемный шаблон, разработчик сравнивает водопад запросов и влияние подсказки. Добавлять high ко всем фотографиям каталога бессмысленно.

Определите важное изображение на конкретном шаблоне и устройстве.
Проверьте время обнаружения, текущий приоритет и конкурирующие запросы.
Добавьте точечную подсказку и повторите несколько сопоставимых измерений.

Практический пример

Учебный пример: в первом экране карточки главное фото конкурирует с изображениями рекомендаций. Для главного проверяют high, для нижних блоков — отложенную загрузку. В мобильной версии главным ресурсом может оказаться другой элемент, поэтому её тестируют отдельно.

Иллюстрация подхода, не данные конкретного проекта.

Ошибки и риски

Приоритет не заменяет раннее обнаружение ресурса, правильный размер файла и настройку lazy loading. Если адрес появляется только после позднего скрипта, один атрибут не устраняет всю задержку.

Повышать приоритет всему; сочетать критическое изображение с необоснованным lazy; путать fetchpriority с preload; считать единичный удачный замер окончательным результатом.

Как проверить результат

В Network посмотрите начало запроса и его приоритет. Сравните одинаковые сеть, устройство и состояние кеша. Убедитесь, что улучшение главного изображения не задержало необходимые стили или интерактивность.

Связанные термины

Продолжить по теме

← Все термины