Rocket Loader
介绍
什么是 Rocket Loader?
Rocket Loader 会将您所有 JavaScript 的加载一直推迟到渲染之后再进行,从而优先处理您网站的内容(文本、图像、字体等)。在使用 JavaScript 的页面上,这可使您的用户获得更快加载的体验,并且可改善以下性能指标: 首次渲染时间 (TTFP) 首次内容渲染时间 (TTFCP) 首次有效渲染时间 (TTFMP) 文件加载 https://support.cloudflare.com/hc/en-us/articles/200168056-What-does-Rocket-Loader-do
简单来说,就是延迟加载js。在页面加载时暂时注释js,先在页面中呈现其他资源(如CSS,图像等)。等到加载完成后,再去把js动态插回页面中,后浏览器加载完整页面。
听上去功能不错,能有效优化网站的加载速度。但实际上,在国内,首次加载这个12k的JS文件都够你怀疑人生一辈子了,更别说可能会导致某些JS无法正常运行,如Google Adsense等。
值得一提的是,百度云加速同样有此功能(JavaScript快速加载),得于国内百度云加速速度还算满意(总比CloudFlare强),这个功能还是值得开启的。
附·开启方法:1.氪金 2.自定义规则
优化方案
如果想让Rocket Loader不优化特定脚本,通过添加 data-cfasync=“false”
属性到相关js标签,即可让Rocket Loader忽略此js。
其中
'data-cfasync'
属性必须添加在'src'
属性之前。
或者简单粗暴,直接关闭 Rocket Loader
Browser Insights
介绍
使用 Browser Insights 测量您的网站的性能和用户的加载时间。 https://support.cloudflare.com/hc/en-us/articles/360033929991-Cloudflare-Browser-Insights
测量您的网站的性能和用户的加载时间,对于国内用户就是个没啥卵用的功能。加载这个功能的JS比打开CloudFlare官网还慢。
优化方案
不多BB,直接关闭