SYSTEM ATLASЗагрузка материала

Resource Hints

Resource Hints

Preload, prefetch и preconnect заранее подготавливают критические ресурсы.

Простыми словами

Браузеру можно заранее подсказать, что скоро понадобится важный ресурс или соединение. Например, preconnect заранее устанавливает связь с CDN, а preload раньше начинает загрузку критичного шрифта. Такие подсказки полезны только для действительно важных ресурсов, иначе они сами начинают конкурировать за сеть.

Пример от @Vibeclakr

Пример при разработке

HTML заранее сообщает браузеру preconnect к CDN и preload главного шрифта. Подсказки ускоряют критические ресурсы, но лишние могут конкурировать за сеть.

Это редакционный пример применения, а не часть определения или доказательство концепции.

Механизм действия

Сначала проверяют, есть ли исходное условие из определения. Затем смотрят, как оно влияет на структуру компонентов, потоки данных, ограничения и действия участников. Если эту связь не удаётся наблюдать, принцип не стоит использовать как готовое объяснение.

Пример в работе

Нерабочий подход

Решение принимают без учета механизма «Resource Hints», оценивая только ближайший эффект.

Системный подход

Перед изменением проверяют, как «Resource Hints» влияет на ограничения, стимулы, зависимости и вторичные последствия.

Ограничения

«Resource Hints» объясняет только часть происходящего в области «Веб-архитектура». Сам принцип не говорит, насколько сильным будет эффект в вашем случае, и не заменяет измерения. При другом масштабе, среде или временном горизонте результат может отличаться.

Источник

World Wide Web Consortium. Resource Hints. 2023. W3C Working Draft.

Первоисточник