Save-Data
Experimentell: Dies ist eine experimentelle Technologie
Überprüfen Sie die Browser-Kompatibilitätstabelle sorgfältig, bevor Sie diese produktiv verwenden.
Das Save-Data
Netzwerk-Client-Hint Anforderungsheaderfeld ist ein boolescher Wert, der die Präferenz des Clients für eine reduzierte Datennutzung angibt. Dies könnte aus Gründen wie hohen Übertragungskosten, langsamen Verbindungsgeschwindigkeiten usw. sein.
Save-Data
ist ein Low-Entropy-Hinweis und kann daher vom Client gesendet werden, selbst wenn dieser nicht vom Server mit einem Accept-CH
Antwortheader angefordert wurde. Darüber hinaus sollte es verwendet werden, um die an den Client gesendeten Daten zu reduzieren, unabhängig von den Werten anderer Client-Hinweise, die die Netzwerkkapazität angeben, wie z. B. Downlink
und RTT
.
Header-Typ | Anforderungsheader, Client-Hinweis |
---|---|
Verbotener Header-Name | nein |
CORS-sichere Antwortheader | nein |
Ein Wert von On
zeigt ein explizites Opt-in des Benutzers in einen Modus mit reduzierter Datennutzung auf dem Client an. Wenn dies den Ursprüngen mitgeteilt wird, können sie alternative Inhalte liefern, um die heruntergeladenen Daten zu reduzieren, wie z. B. kleinere Bild- und Videoressourcen, unterschiedliche Markup- und Stilgestaltungen, deaktivierte Abfragen und automatische Updates usw.
Hinweis: Das Deaktivieren von HTTP/2 Server Push (RFC 7540, Abschnitt 8.2: Server Push) kann die Daten-Downloads reduzieren. Beachten Sie, dass diese Funktion standardmäßig in den meisten großen Browser-Engines nicht mehr unterstützt wird.
Syntax
Save-Data: <sd-token>
Direktiven
<sd-token>
-
Ein Wert, der angibt, ob der Client in den Modus mit reduzierter Datennutzung wechseln möchte.
on
gibt Ja an, währendoff
(der Standard) Nein angibt.
Beispiele
Der Vary
Header stellt sicher, dass der Inhalt korrekt zwischengespeichert wird (zum Beispiel um sicherzustellen, dass dem Benutzer kein qualitativ minderwertiges Bild aus dem Cache serviert wird, wenn der Save-Data
Header nicht mehr vorhanden ist, z. B. nach dem Wechsel von Mobilfunk zu WLAN).
Mit Save-Data: on
Anfrage:
GET /image.jpg HTTP/1.1
Host: example.com
Save-Data: on
Antwort:
HTTP/1.1 200 OK
Content-Length: 102832
Vary: Accept-Encoding, Save-Data
Cache-Control: public, max-age=31536000
Content-Type: image/jpeg
[…]
Ohne Save-Data
Anfrage:
GET /image.jpg HTTP/1.1
Host: example.com
Antwort:
HTTP/1.1 200 OK
Content-Length: 481770
Vary: Accept-Encoding, Save-Data
Cache-Control: public, max-age=31536000
Content-Type: image/jpeg
[…]
Spezifikationen
Specification |
---|
Save Data API # save-data-request-header-field |
Browser-Kompatibilität
BCD tables only load in the browser
Siehe auch
- Help Your Users
Save-Data
- CSS Tricks - Delivering Fast and Light Applications with Save-Data - web.dev
Vary
Header, der anzeigt, dass der servierte Inhalt je nach Wert vonSave-Data
variiert (siehe HTTP Caching > Vary)- CSS @media Feature
prefers-reduced-data
Experimentell - Verbesserung der Benutzer-Privatsphäre und der Entwicklererfahrung mit User-Agent Client Hints (developer.chrome.com)
NetworkInformation.saveData