CDN加速踩坑之Rocket Loader™
本文最后更新于:3 个月前
前两天费老大劲才给本站配置好夜间模式(心满意足)
但今天又发现一个问题–闪屏
再三确定自己没把夜间模式的代码加错位置(紧跟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 协议 。转载请注明原作者及出处!