Начало распродаж · Скидка на доставку · Поступление новой коллекции

BELAYA KASKA / FEATURE

seoАвтор: Пуск‑Медиа (импорт)Просмотры: 3

Resource Hints: когда prerender ускоряет SPA, а когда съедает трафик

Разница между `prefetch`, `preload` и `prerender`, и связь со Speculation Rules API.

Изображение статьи: Resource Hints: когда prerender ускоряет SPA, а когда съедает трафик

Подсказки <link rel="prefetch"> и preload меняют приоритет загрузки; prerender отрисовывает целую страницу в фоне — мощно для внутренних переходов, опасно для тяжёлых URL.

В 2026 году часть сценариев перекрывает Speculation Rules — не дублируйте prerender и speculation на одном маршруте.

- [Resource Hints — W3C](https://www.w3.org/TR/resource-hints/) — prefetch, preconnect, prerender.

- [rel=preload — MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/rel/preload) — Когда preload уместен.

---

## Метрики

Смотрите bytes в DevTools Network: prerender популярной, но редко открываемой ссылки — лишний расход мобильного трафика.

Ограничивайте prerender same-origin и только после согласия (Consent Mode / экономия данных).

#производительность#HTTP#навигация

Мы используем обязательные cookie для работы сайта (корзина, вход, оформление заказа) и необязательные — для аналитики и маркетинга. Вы можете принять все, отклонить необязательные или настроить категории. Подробнее в политике cookies.