1. Web
  2. HTTP
  3. Reference
  4. Headers
  5. Service-Worker-Navigation-Preload

Service-Worker-Navigation-Preload header

Limited availability

This feature is not Baseline because it does not work in some of the most widely-used browsers.

The HTTP Service-Worker-Navigation-Preload request header indicates that the request was the result of a fetch() operation made during service worker navigation preloading. It allows a server to respond with a different resource than for a normal fetch().

If a different response may result from setting this header, the server must include a Vary: Service-Worker-Navigation-Preload header in responses to ensure that different responses are cached.

For more information see NavigationPreloadManager.setHeaderValue() (and NavigationPreloadManager).

Header type Request header
Forbidden request header No

Syntax

http
Service-Worker-Navigation-Preload: <value>

Directives

<value>

An arbitrary value that indicates what data should be sent in the response to the preload request. This defaults to true. It maybe set to any other string value in the service worker, using NavigationPreloadManager.setHeaderValue().

Examples

Service worker navigation preloading headers

The following request header is sent by default in navigation preload requests:

http
Service-Worker-Navigation-Preload: true

The service worker can set a different header value using NavigationPreloadManager.setHeaderValue(). For example, in order to request that a fragment of the requested resource be returned in JSON format, the value could be set with the string json_fragment1.

http
Service-Worker-Navigation-Preload: json_fragment1

Specifications

Specification
Service Workers
# handle-fetch

Browser compatibility

See also

Help improve MDN

Learn how to contribute

This page was last modified on by MDN contributors.

View this page on GitHub • Report a problem with this content