Приоритизация загрузки LCP-ресурса

Вход

HTML-страница и определённый для неё LCP-ресурс (как правило, изображение,
отрисовывающее основной контент). Если непонятно, какое изображение будет LCP,
автор предлагает использовать эвристику для выбора подходящего кандидата.

Шаги

1. Добавить fetchpriority="high" в тег <img> LCP-изображения. Если ресурс
загружается через <link rel="preload">, fetchpriority="high" можно
установить и там.
2. Убедиться, что на LCP-изображении нет loading="lazy". Если оптимизатор
изображений применяет отложенную загрузку ко всем картинкам без разбора —
переопределить это поведение для LCP-образа.
3. Отложить некритические ресурсы: перенести их в конец документа, использовать
встроенную ленивую загрузку изображений или фреймов, либо загружать их
асинхронно через JavaScript.

Выход

Разметка страницы, в которой LCP-ресурс начинает загружаться рано и с высоким
приоритетом, а некритические скрипты не конкурируют с ним за пропускную
способность сети.

Промпт

Не применимо: процедура не является работой LLM, промпта в посте нет.

Чего не хватает: пост даёт только шаги. Явных формулировок входа и выхода в
нём нет — они восстановлены из контекста («обеспечить раннюю загрузку ресурса LCP
и высокий приоритет»), критериев проверки результата автор не приводит. Поэтому
confidence: low.