CloudFlare推出可加快页面加载速度的Early Hints 主流浏览器均提供支持

全球知名的内容分发网络提供商CloudFlare日前宣布推出Early Hints功能,推出此功能的目的是用来提高网页加载速度,据测试使用此功能后网页加载速度可以提高30%左右,这对于网站和用户来说都可以显著提高使用体验。

值得注意的是目前谷歌浏览器、火狐浏览器以及微软浏览器均承诺会为此功能提供支持,其中谷歌浏览器已经在开发频道支持此功能这兼容速度可谓非常快,不过苹果的Safari浏览器尚未承诺会支持Early Hints功能,通常苹果对这类新功能的支持进度都比较慢。

CloudFlare推出可加快页面加载速度的Early Hints 主流浏览器均提供支持

HTTP状态码103 Early Hints:

目前使用的Web技术请求内容的原理时,当用户点击某个链接时浏览器向服务器发出请求,待收到服务器回应后确定需要渲染的内容和下载的资源,然后开始在接收完成后浏览器利用渲染引擎绘制网页页面。而在这个过程中由于请求的来回传递需要回应时间,这个回应时间被称为服务器思考时间,当服务器繁忙时思考时间会更长,而此时浏览器会进入空闲状态直到服务器发送指令才开始下一步处理。

Early Hints概念是利用服务器思考时间来传递内容,当浏览器向服务器发出请求时等待回应时,由边缘网络线发送页面载入提示给浏览器,让浏览器先开始准备渲染页面需要的资源,当浏览器收到服务器回应时可以立即开始页面渲染工作从而显著提高网页加载时间。

也就是说Early Hints将服务器思考时间给利用起来,将网页加载过程一分为二进行异步处理,从而减少浏览器与服务器时间白白浪费掉的时间最终达成网页加速的目的。

CloudFlare表示,严格的说Early Hints是个网页标准,其定义新的HTTP状态码103 Early Hints、定义客户端与服务器之间新的互动行为,在服务器发出HTTP 200 OK前CloudFlare系统就提前发出HTTP 103状态码并包含网页需要加载资源的提示,帮助浏览器更快地加载页面提升用户体验。

CloudFlare推出可加快页面加载速度的Early Hints 主流浏览器均提供支持

请求示意图

CloudFlare用户可以参与测试:

如果你的网站已经使用CloudFlare进行内容分发的话,那你现在就可以前往控制台为你的网站启用Early Hints功能,只需要启用不需要进行任何更改,剩下的都由CloudFlare系统和浏览器自动完成,此功能也不需要终端用户进行任何操作即可提升网页加载速度。

得益于Google Chrome、Mozilla Firefox、Microsoft Edge浏览器承诺提供支持,相信Early Hints技术应该更快普及,尤其是Google Chrome v94 开发版已经开始支持此功能,待测试完毕后谷歌将会将此功能推送至稳定版通道。其他浏览器暂时还不知道支持时间,不过相比于其他标准Early Hints的普及进度已经非常非常快。

原创文章,作者:3628473679,如若转载,请注明出处:https://blog.ytso.com/163486.html

(0)
上一篇 2021年9月19日
下一篇 2021年9月19日

相关推荐

发表回复

登录后才能评论