根据 CloudFlare 官方文档的介绍,Early Hints 利用服务器等待时间向用户浏览器异步发送指令以在源服务器完整响应时开始加载资源。 在服务器完整响应之前将提示发送到浏览器,浏览器可知晓如何为用户更快地加载网页。
使用该功能的方式也很简单,首先在 CloudFlare Dashboard 中开启 Early Hints 功能,然后在网页源代码中需要加速的资源标签中,添加属性 rel=preload 即可。
![cloudflare_early_hints_pic_1](https://blog.ensonyan.com/wp-content/uploads/2022/07/cloudflare_early_hints_pic_1-1024x496.png)
P.S: 亲测,如果不添加 rel=preload,则该功能对网站的加载速度几乎无改善。
![cloudflare_early_hints_pic_2_before](https://blog.ensonyan.com/wp-content/uploads/2022/07/cloudflare_early_hints_pic_2_before-1024x627.png)
![cloudflare_early_hints_pic_3_after](https://blog.ensonyan.com/wp-content/uploads/2022/07/cloudflare_early_hints_pic_3_after-1024x626.png)
本次暂未对添加 rel=preload 后的效果进行测试,后期将酌情进行完整测试,请继续关注逸成博客。
发表回复