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

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

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

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

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

解决

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

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

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

---

参考资料：

• 如何能够让 Rocket Loader 忽略特定的 JavaScripts？

Rocket Loader 有什么作用？

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

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

---

TIL：

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