Web技术分享 - 你知道什么是HTTP 103状态码么?

今天,Google Chrome 103 发布了,其中包含一系列新功能。 值得注意的功能之一就是HTTP状态码103的引入。顺便说一下,http 103状态码跟chrome 103版本不是一回事。

Web技术分享 - 你知道什么是HTTP 103状态码么?

来自Mozilla Developer Network文档,HTTP 103 Early Hints是信息响应状态代码,主要用于与Link标头一起使用,以允许用户在服务器仍在准备响应时开始预加载资源。HTTP 103 可用于通过使用链接 rel=preload 配置 HTTP 标头字段来优化页面速度。

如何工作?

通常,当浏览器发送请求时,服务器会立刻接收并处理请求,然后发送 HTTP 200 OK 响应,如下所示。

Web技术分享 - 你知道什么是HTTP 103状态码么?

使用 HTTP 103 Early Hints,页面渲染速度还有提升空间。

一旦服务器更新了 HTTP 103,当浏览器发送请求时,如果服务器知道请求内容中需要 style.css 或 script.js 等资源,那么它会提前用 HTTP 103 Hint(响应)提示浏览器去预加载一些内容,如下所示。

Web技术分享 - 你知道什么是HTTP 103状态码么?

比正常直接返回多加了上面这个103 Hint过程

Web技术分享 - 你知道什么是HTTP 103状态码么?

103提示完成之后,它将向浏览器发送正常的 HTTP 200 OK。当浏览器预先加载内容时,此过程将有助于提高页面渲染速度。

如上所述,此功能需要更新服务器。请自行查看如何配置对应的Web服务器来启用它。

这个103提示仅适用于 HTTP/2 和 HTTP/3。

它仅支持 200、301、304 响应返回码。

此外,它适用于具有 preconnect 或 preload rel 类型的响应链接标头。

看下图的例子,curl了一个页面,开始它先返回了103代码和一些需要preload的资源,这时候,浏览器不需要等待请求完全返回就可以开始加载它们。然后服务器200正常返回请求的资源,这就是为什么可以提高渲染速度。

Web技术分享 - 你知道什么是HTTP 103状态码么?

结论

正如您所了解的,HTTP 103 早期提示通过提示浏览器预加载资源来帮助优化页面呈现时间。

技术   Web
发表评论
留言与评论(共有 0 条评论) “”
   
验证码:

相关文章

推荐文章