缓存
缓存能节省回源流量，以及客户端的加载时间
对于 Free、Pro 和 Business 客户，Cloudflare 的 CDN 可缓存的文件大小上限为 512MB
免费版的单文件最大支持 100M，超过 100M 就会回源处理。
可以通过页面规则来设置最大缓存大小
缓存级别
缓存级别的三个选项分别如下：
- 没有查询字符串：一旦缓存资源被带上
URL参数（如/?token=114514）访问，就回源。 - 忽略查询字符串：对任何
URL参数直接丢弃，只返回同一个资源。 - 标准：对不同
URL参数进行不同的缓存。
推荐设置忽略查询字符串，一般缓存的静态文件的参数请求都是相同，如果缓存资源需要细分可以使用页面规则
缓存 TTL
“浏览器缓存 TTL” 用于指定缓存的文件将在访问者的浏览器缓存中保留的时长。
根据静态资源按需设置，推荐使用页面规则或API设置 边缘缓存时长
速度
Auto Minify & Brotli 压缩
全打开即可，部分站点可能要斟酌下是否开启 JavaScript 压缩
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动态插回页面中，后浏览器加载完整页面
开启前:
![Before]()
开启后:
![After]()
听上去功能不错，能有效优化网站的加载速度。但实际上，在国内，首次加载这个12k的JS文件都够你怀疑人生一辈子了，更别说可能会导致某些JS无法正常运行，如 Google Adsense 等
值得一提的是，百度云加速同样有此功能（JavaScript 快速加载），得益于国内百度云加速国内节点速度不错（总比 CloudFlare 强），这个功能还是值得开启的
附·开启方法：1. 氪金
2. 自定义规则
如果想让Rocket Loader不优化特定脚本，通过添加 data-cfasync=“false” 属性到相关 js标签，即可让Rocket Loader忽略此js
其中
'data-cfasync'属性必须添加在'src'属性之前
或者简单粗暴，直接关闭 Rocket Loader
Cloudflare Fonts
Cloudflare Fonts 会直接在 HTML 页面内联 Google Fonts 样式，以阻止从 Google 服务器提取这些样式。另外，它还会在 Cloudflare 边缘缓存字体来减少延迟。
启动后会劫持字体文件，缓存至自家Cloudflare节点。如果使用的是Google Fonts， 其 Google Fonts CDN 国内外都有节点，建议保持原配置不变
Cloudflare Web Analytics
使用 Browser Insights 测量您的网站的性能和用户的加载时间
https://support.cloudflare.com/hc/en-us/articles/360033929991-Cloudflare-Browser-Insights
Cloudflare Analytics，也就是旧版 Browser Insights 升级款。隐私至上 的 Web 分析，虽然但是js加载比打开CloudFlare官网还慢
页面规则 & 安全
正在重构
上次修改於 2024-01-31