CloudFlare (全站)缓存网页

目录

如果你的网页也会出现加载耗时很慢的问题,可以F12查看哪些资源耗时比较严重,如果你跟我一样是海外VPS做的服务器,并且没有cn专线,在国内无法CDN加速的情况下,这里可以建议使用CloudFlare(后面称CF),如果不知道CF是什么的话,可去网上看一下,一个可免费的全球CDN加速网站(还有很多其他功能)

当你已经优化过图片等静态资源了,但是国内访问速度依然是慢的话,我们可以通过CF缓存网页资源的方式加速网站的访问速度

首先我们要把域名解析到CF上,至于怎么解析可直接参考 使用CF 加速你的网站

前面域名解析了以后,这里首先有两种方式可以缓存你的网站资源,一种是页面缓存,一种是配置 Cache rules,下面我们会分别说明如何配置

页面缓存(Page Rule)


image_5j4tm3kS3D.webp


在上图中打开页面规则界面,点击创建页面规则


image_oLa_bqUEoK.webp


如图上,可以选择将后台页面下的所有内容绕过缓存,可以排除你不想缓存的路径


image_wWwimAvfU2.webp


如图上所示配置,即可使你的全站内容被缓存,只需要添加设置,然后设置成图上选项即可,这里要特别说明一下全站缓存了以后建议把后台等不需要的给排除掉,然后把排除规则放在最前面,如下图所示


image_-lpVQHLHph.webp


这样你就缓存了全站资源了,但是这个页面规则有个问题就是只能免费三条,对于多种情况时不太够用,我们可以使用下面这种规则

Cache rules


image_FD8CIDg9ZZ.webp


这个规则可以支持10条,基本够我们用了,


image_QFZ5x6cZRL.webp


  1. 起一个你的规则名称,这里演示的缓存JS 和 CSS文件
  2. 这里配置的是其中一个条件,当URL包含 /themes 时匹配时即触发,前面字段和运算符可以选择多种,可按需配置
  3. 这里配置了另一个路径,可以看到我选的条件是 or ,是满足其一即触发

image_y-xFmmRZZj.webp


缓存资格可选绕过或符合条件,这里选择符合,然后下面边缘TTL浏览器TTL都按图中所选配置即可,时间自己看需要缓存多久

跳过缓存配置


image_Lq38diwsIQ.webp


全站缓存配置


image_KYUmUJMC5O.webp


这里就基本演示了所有情况的配置,需要特别说明一下如果你无法确定你全站都是否可以缓存,就不要贸然使用全站缓存,最好老老实实使用单独条件配置,基本上图片和JS ,CSS等静态资源缓存了以后,网站加速速度是非常可观的

怎么验证是否被缓存


image_XmNJtXjqXg.webp


F12 查看资源信息中有 如图所示即缓存成功

怎么清除缓存


image_ESI7lLtnga.webp


后话

记得需要把域名解析的代理打开才会生效


image_80CD5LwDMa.webp


有问题可以在下面留言讨论