将 Accept 字段添加到标头可以大大减少标记。这是“之前”发生的事情:

这里有很多东西:不同大小的图像,不同的格式,很多图像源等等。当然,这是一个极端的例子。这是使用 Accept 字段进行简化后发生的情况:

太棒了,对吧?请注意,简化标记中的图像路径不包含文件扩展名。这是因为 Accept 告诉服务器客户端接受哪些类型的图像以及首选哪些图像。这允许服务器自己选择最佳图像并将其发送给客户端。

忘记 scrset 和图片给我客户提示

有些人可能想知道为什么要花这么多时间学习 srcset 和 picture 的语法,而客户端提示几乎不需要它们。

并非所有浏览器都支持客户端提示

目前,只有 Chrome 和 Opera。正在考虑中——Microsoft Edge 和 Firefox

这些页面需要服务器才能工作。

有时 HTML 会离线使用,例如标记 阿尔及利亚手机号码列表 电子书。但是只有服务器才能解析请求头中的请求并正确处理它们。

服务器必须支持客户端提示

电话号码列表
服务器需要知道如何处理标头中的客 cz 列表 户端提示请求。我们最终会看到 Apache 和 Nginx 如何添加 Client Hints,但这需要时间,因为在这里你不仅需要解析请求,还需要一个处理图像本身的系统。

在短期内,Client Hint 的使用可能是连接将使用此规范的图像缩放服务。Cloudinary、Imgix 和 Scientiamobile 已经支持客户端提示。

在服务器上维护客户端提示不是一件容易的事
就像许多与图像相关的事情一样,在服务器上实现客户端提示一开始看起来很容易。浏览器告诉服务器页面上图像的大小。服务器返回正确大小的图像。

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注