103 Early Hints

Die HTTP 103 Early Hints informational response kann von einem Server gesendet werden, whrend er noch eine Antwort vorbereitet. Sie enthlt Hinweise auf die Seiten und Ressourcen, auf die die endgltige Antwort des Servers wahrscheinlich verweisen wird. Dies ermglicht es einem Browser, eine Preconnect zu Websites auszufhren oder Ressourcen vorzuladen, noch bevor der Server eine endgltige Antwort vorbereitet und gesendet hat. Vom Client vorab geladene Ressourcen, die durch frhe Hinweise angezeigt werden, werden sofort nach Empfang der Hinweise abgerufen.

Die frhe Hinweisantwort ist hauptschlich fr die Verwendung mit dem Link Header vorgesehen, der die zu ladenden Ressourcen angibt. Sie kann auch einen Content-Security-Policy Header enthalten, der bei der Verarbeitung des frhen Hinweises durchgesetzt wird.

Ein Server kann mehrere 103-Antworten senden, zum Beispiel nach einer Umleitung. Browser verarbeiten nur die erste frhe Hinweisantwort, und diese Antwort muss verworfen werden, wenn die Anfrage zu einer Cross-Origin-Umleitung fhrt.

Hinweis: Aus Kompatibilitts- und Sicherheitsgrnden wird empfohlen, HTTP 103 Early Hints-Antworten nur ber HTTP/2 oder spter zu senden, es sei denn, es ist bekannt, dass der Client Informationsantworten korrekt verarbeitet.

Die meisten Browser beschrnken die Untersttzung aus diesem Grund auf HTTP/2 oder spter. Siehe unten die Browser-Kompatibilitt. Trotz dessen verwenden die untenstehenden Beispiele die Notation im HTTP/1.1-Stil gem der blichen Konvention.

Syntax

http

103 Early Hints

Beispiele

Beispiel fr Preconnect

Die folgende 103 frhzeitige Hinweisantwort zeigt eine frhe Hinweisantwort, bei der der Server angibt, dass der Client mglicherweise eine Verbindung zu einem bestimmten Ursprung (https://cdn.example.com) herstellen mchte. Genau wie das HTML-Attribut rel=preconnect ist dies ein Hinweis darauf, dass die Seite wahrscheinlich Ressourcen vom Ursprung der Zielressource bentigt, und dass der Browser die Benutzererfahrung verbessern kann, indem er vorab eine Verbindung zu diesem Ursprung initiiert.

http

103 Early Hint
Link: <https://cdn.example.com>; rel=preconnect, <https://cdn.example.com>; rel=preconnect; crossorigin

Dieses Beispiel verbindet sich zweimal mit https://cdn.example.com:

Die erste Verbindung wrde fr das Laden von Ressourcen verwendet werden, die ohne CORS abgerufen werden knnen, wie Bilder.
Die zweite Verbindung beinhaltet das crossorigin Attribut und wrde fr das Laden von CORS-geschtzten Ressourcen wie Schriftarten verwendet werden.

CORS-geschtzte Ressourcen mssen ber eine vollstndig getrennte Verbindung abgerufen werden. Wenn Sie nur eine Art von Ressource von einem Ursprung bentigen, mssen Sie nur einmal die Verbindung herstellen.

Anschlieend sendet der Server die endgltige Antwort. Dies beinhaltet ein crossorigin Schriftart-Preload und ein <img>, das aus dem zustzlichen Ursprung geladen wird.

http

200 OK
Content-Type: text/html

<!doctype html>
...
<link rel="preload" href="https://cdn.example.com/fonts/my-font.woff2" as="font" type="font/woff2" crossorigin>
...
<img src="https://cdn.example.com/images/image.jpg" alt="">
...

Beispiel fr Preload

Die folgende 103 frhzeitige Hinweisantwort zeigt an, dass ein Stylesheet style.css mglicherweise von der endgltigen Antwort bentigt wird.

http

103 Early Hint
Link: </style.css>; rel=preload; as=style

Anschlieend sendet der Server die endgltige Antwort. Dies beinhaltet einen Link zu dem Stylesheet, welches mglicherweise bereits aus dem frhen Hinweis vorgeladen wurde.

http

200 OK
Content-Type: text/html

<!doctype html>
...
<link rel="stylesheet" rel="preload" href="style.css" />
...

Frhzeitige Hinweisantwort mit CSP

Das folgende Beispiel zeigt die gleiche frhzeitige Hinweisantwort, jedoch mit einem Content-Security-Policy-Header.

http

103 Early Hint
Content-Security-Policy: style-src: self;
Link: </style.css>; rel=preload; as=style

Die frhe Antwort beschrnkt das Vorladen auf denselben Ursprung wie die Anfrage. Das Stylesheet wird vorgeladen, wenn der Ursprung bereinstimmt.

Die endgltige Antwort knnte die CSP auf none setzen, wie unten gezeigt. Das Stylesheet wurde bereits vorgeladen, wird jedoch beim Rendern der Seite nicht verwendet.

http

200 OK
Content-Security-Policy: style-src: none;
Content-Type: text/html

<!doctype html>
...
<link rel="stylesheet" rel="preload" href="style.css" />
...

Spezifikationen

Spezifikation
An HTTP Status Code for Indicating Hints # early-hints
HTML # early-hints

Browser-Kompatibilitt

Siehe auch

Link
Cross-Origin Resource Sharing (CORS)
Content Security Policy (CSP)
rel="preconnect" (<link> Attribut)
rel="preload" (<link> Attribut)
fetchpriority (<link> Attribut)
Early Hints update: How Cloudflare, Google, and Shopify are working together to build a faster Internet for everyone vom Cloudflare-Blog

Help improve MDN

War diese bersetzung hilfreich?

Ja Nein

Erfahren Sie, wie Sie beitragen knnen Diese Seite wurde automatisch aus dem Englischen bersetzt.

bersetzung auf GitHub anzeigen Fehler mit dieser bersetzung melden