Resource Hints: когда prerender ускоряет SPA, а когда съедает трафик
Разница между `prefetch`, `preload` и `prerender`, и связь со Speculation Rules API.
Подсказки `<link rel="prefetch">` и `preload` меняют приоритет загрузки; `prerender` отрисовывает целую страницу в фоне — мощно для внутренних переходов, опасно для тяжёлых URL.
В 2026 году часть сценариев перекрывает Speculation Rules — не дублируйте prerender и speculation на одном маршруте.
- Resource Hints — W3C — prefetch, preconnect, prerender.
- rel=preload — MDN — Когда preload уместен.
Метрики
Смотрите bytes в DevTools Network: prerender популярной, но редко открываемой ссылки — лишний расход мобильного трафика.
Ограничивайте prerender same-origin и только после согласия (Consent Mode / экономия данных).