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

Предзагрузка навигации для Service Worker

Navigation Preload

Navigation Preload позволяет браузеру начать сетевой запрос страницы параллельно с запуском service worker, чтобы обработчик fetch не задерживал навигацию.

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

Например, pWA открывает статью после холодного запуска. Браузер начинает HTML-запрос сразу, пока service worker загружается, поэтому первый экран появляется быстрее. Поэтому проверяют весь путь запроса от браузера до сервера и обратно - иначе локально правильное решение может ухудшить загрузку, совместимость или устойчивость страницы.

Пример от @Vibeclakr

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

PWA открывает статью после холодного запуска. Браузер начинает HTML-запрос сразу, пока service worker загружается, поэтому первый экран появляется быстрее.

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

Формальное определение

Navigation Preload — механизм Service Workers, запускающий сетевой запрос навигации одновременно с запуском worker и предоставляющий ответ через preloadResponse.

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

Регистрация включает navigation preload. При навигации браузер отправляет отдельный запрос с Service-Worker-Navigation-Preload, а fetch handler получает Promise ответа и может совместить его с кэшем.

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

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

Внедрить «Предзагрузка навигации для Service Worker» как формальную настройку, не проверив сценарий отказа и ограничение: Работает только для навигационных запросов под контролем service worker; неправильное сочетание с обычным fetch может создать двойные запросы.

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

Применять «Предзагрузка навигации для Service Worker» только для заявленной цели, проверять поведение на реальном контуре и сохранять наблюдаемый критерий результата.

Ограничения

Работает только для навигационных запросов под контролем service worker; неправильное сочетание с обычным fetch может создать двойные запросы.

Источник

W3C Web Applications Working Group, “Service Workers Nightly: Navigation Preload”, 2026.

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