CDN加速踩坑之Rocket Loader™

最后更新于:2020 九月 21日 , 星期一 , 00:02 凌晨

前两天费老大劲才给本站配置好夜间模式心满意足

但今天又发现一个问题–闪屏

  • 再三确定自己没把夜间模式的代码加错位置(紧跟body标签)

  • 自己检查网页源码配合询问大佬获取帮助

  • 终于发现问题所在
    就是这个/cloudflare-static/rocket-loader.min.js,使得我的夜间模式代码所在文件main.js没有被优先载入。
    当打开一个新页面时,先渲染了别的内容才加载它。所以会先闪一下默认的白色页面背景,再变黑,影响正常观阅。

解决

去Cloudflare关闭Rocket Loader,清除CDN缓存和本地浏览器缓存,刷新网页,夜间模式完美🧨

又发现可以忽略特定的js脚本(会英文还是有点用),不至于因噎废食,有空再折腾试试

  • 怎么让Rocket Loader 忽略main.js
    少做少错🙄

参考资料:

Rocket Loader 有什么作用?

Rocket Loader 会将您所有 JavaScript 的加载一直推迟到渲染之后再进行,从而优先处理您网站的内容(文本、图像、字体等)。在使用 JavaScript 的页面上,这可使您的用户获得更快加载的体验,并且可改善以下性能指标:

  • 首次渲染时间 (TTFP)
  • 首次内容渲染时间 (TTFCP)
  • 首次有效渲染时间 (TTFMP)
  • 文件加载

TIL:

  • f12网页调试的Network项还能查看网页各个元素的具体加载情况

本站所有文章除特别声明外,均采用 CC BY-SA-NC 4.0 协议 。转载请注明原作者及出处!

 目录

既见君子 云胡不喜