Проверка по waterfall, а не по наличию тега

Как проверить Resource Hints

Рабочая подсказка начинает нужное соединение или загрузку раньше, повторно используется реальным потребителем и не отнимает полосу у CSS, LCP и других критических запросов.

Сравнение waterfall до и после настройки Resource Hints — Сравнивайте время старта, повторное использование и конкуренцию при одинаковых условиях.

Быстрая проверка в Chrome

В DevTools → Network включите Disable cache и одинаковый mobile-профиль сети и CPU.
Покажите Priority и Initiator, очистите журнал и перезагрузите страницу.
Для preconnect сравните DNS, Initial connection и SSL с первым запросом к origin.
Для preload/modulepreload проверьте ранний старт, правильный тип и использование тем же URL без повторного скачивания.
Откройте Console и дождитесь предупреждений о preload, не использованном вскоре после загрузки.
Запишите несколько trace без hint и с ним на mobile и desktop; сравните LCP и старт других критических ресурсов.

Хороший результат

Критическое соединение или ресурс начинается раньше, потребитель использует тот же запрос, дублей и предупреждений нет, а LCP и соседние критические запросы не стали хуже.

Как оценить результат

Приоритет исправления
Наблюдение	Оценка	Действие
Hint использован, запрос стал раньше, конкуренции нет	Проблемы нет	Оставить и сохранить trace
`dns-prefetch`/`preconnect` не даёт измеримой пользы при малой стоимости	Низкая	Удалить или проверить на медленной сети
Unused preload, неверный `as`/CORS или двойная загрузка	Высокая	Исправить соответствие или удалить hint
Много hints задерживают CSS/LCP либо ломают загрузку	Критическая	Откатить и вернуть минимальный набор

Инвентаризация в DOM

[...document.querySelectorAll('link[rel]')]
  .filter(link => /^(preconnect|dns-prefetch|preload|modulepreload|prefetch)$/.test(link.rel))
  .map(link => ({ rel: link.rel, href: link.href, as: link.as,
    type: link.type, crossOrigin: link.crossOrigin, media: link.media }));

Команда показывает hints только в текущем DOM. Дополнительно проверьте HTTP Link headers и исходный HTML: динамическая подсказка могла появиться слишком поздно.

Что сохранить в отчёте

Точный URL, viewport, профиль сети/CPU и состояние cache.
Источник hint: исходный HTML, DOM или HTTP Link header.
URL запроса, Priority, Initiator, start time и connection timing.
Факт повторного использования или дубля и текст Console warning.
LCP и waterfall до/после при одинаковых условиях.
Решение, ответственный и дата повторной проверки.

Ложные выводы и границы

Тёплый cache скрывает DNS/TCP/TLS; HTTP/2 и HTTP/3 могут объединять соединения; same-origin preconnect обычно бесполезен. Браузер вправе проигнорировать prefetch, а Service Worker, расширения и нестабильная сеть меняют trace. Одного лабораторного прогона недостаточно.

Unused warning может означать неверный URL, destination, CORS или media, а не только лишний тег. Проверка не заменяет аудит шрифтов, изображений, LCP, CDN/TTFB или bundle architecture.

Следующий шаг

Если проблема подтверждена, используйте пошаговую настройку. Для внедрения с проверкой метрик доступна услуга настройки.