Save-Data - HTTP 编辑
The Save-Data
header field is a boolean which, in requests, indicates the client's preference for reduced data usage. This could be for reasons such as high transfer costs, slow connection speeds, etc.
A value of On
indicates explicit user opt-in into a reduced data usage mode on the client, and when communicated to origins allows them to deliver alternative content to reduce the data downloaded such as smaller image and video resources, different markup and styling, disabled polling and automatic updates, and so on.
Note: Disabling HTTP/2 Server Push (RFC 7540, section 8.2: Server Push) might be desirable too for reducing data downloads.
Syntax
Save-Data: <sd-token>
Directives
<sd-token>
- A numerical value indicating whether the client wants to opt in to reduced data usage mode.
on
indicates yes, whileoff
(the default) indicates no.
Examples
The Vary
header ensures that the content is cached properly (for instance ensuring that the user is not served a lower-quality image from the cache when Save-Data
header is no longer present [e.g. after having switched from cellular to Wi-Fi]).
With Save-Data: on
Request:
GET /image.jpg HTTP/1.0 Host: example.com Save-Data: on
Response:
HTTP/1.0 200 OK Content-Length: 102832 Vary: Accept-Encoding, Save-Data Cache-Control: public, max-age=31536000 Content-Type: image/jpeg [...]
Without Save-Data
Request:
GET /image.jpg HTTP/1.0 Host: example.com
Response:
HTTP/1.0 200 OK Content-Length: 481770 Vary: Accept-Encoding, Save-Data Cache-Control: public, max-age=31536000 Content-Type: image/jpeg [...]
Specifications
Specification | Title |
---|---|
draft-grigorik-http-client-hints-03, section 7: Save-Data | HTTP Client Hints |
Browser compatibility
BCD tables only load in the browser
The compatibility table in this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
See also
- Help Your Users `Save-Data` - CSS Tricks
- Delivering Fast and Light Applications with Save-Data - Google Developers
- Header to indicate that the content served varies by
Save-Data
:Vary
- CSS @media feature
prefers-reduced-data
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论