Cloudflare在网页CDN加速领域名气很大，功能非常全面，比国内的CDN服务商更强大，美中不足的是国内加速效果较差，CDN节点主要在境外。本文将介绍WordPress使用Cloudflare的页面规则。
WordPress使用Cloudflare适用场景
虽然Cloudflare在网页加速方面的性能与功能均比国内CDN服务商强大，但大部分节点在境外的原因不建议主要市场在中国大陆的网站使用。或者利用智能DNS解析服务，境外解析至Cloudflare，境内采用国内的CDN。
大量采用动态网页的网站推荐使用动静分离方案。即仅通过CDN加速静态资源，例如：.js,.css,.png,.jpg,.webp,.gif,.svg等。
此方案需要在WordPress网页中，将这些静态资源改写成另外的域名，例如主站域名是：www.zhanzhangb.com，而静态资源全部改写成：cdn.zhanzhangb.com。
以下以Perfmatters为例：
提示：设置完成后，需要将CDN域名绑定到主机，否则Cloudflare无法回源访问静态资源。
全站CDN速度会比静态分离更快，但不适合动态网页，例如使用了WooCommerce等插件或前端有用户登录功能等的动态网页，是不能用CDN缓存的。网页需要根据登录状态或其它信息动态呈现内容。
WordPress使用Cloudflare动静分离的页面规则
前提是根据上面的方式配置了CDN重写URL，这里以cdn.zhanzhangb.com为例。
插件会自动将所有网页中的静态文件URL改写成CDN域名，例如：https://www.zhanzhangb.com/wp-includes/js/jquery/jquery.min.js?ver=3.6.0会被改写成：https://cdn.zhanzhangb.com/wp-includes/js/jquery/jquery.min.js?ver=3.6.0。
所以在Cloudflare中，只需将所有链接到CDN域名的内容全部缓存即可，一条页面规则即可实现，如下：
WordPress使用Cloudflare全站加速的页面规则
一般情况，WordPress的固定链接将文章URL设置成/xxx.html形式，如果是其它形式，可以修改本文中的第二条规则中的URL字段。
这里的缓存时间建议不要超过12小时，因为该条规则包含网站首页、分类目录、标签目录以及所有的静态资源文件（css、js、图片与视频等）。
本文是以Cloudflare免费版为例撰写的，免费版仅限3条页面规则。如果是付费用户，可以增加两条规则：
- www.zhanzhangb.com/wp-content/*
- www.zhanzhangb.com/wp-includes/*
将这两条规则的边缘缓存 TTL设置成1个月或以上，这样可以减少回源次数，提高速度。
注意不论增加什么页面规则，要确保禁止缓存所有PHP文件的执行顺序在最前面。
Cloudflare浏览器缓存配置
强烈建议静态资源的浏览器缓存时间大于或等于30天，甚至可以设置1年。
首先需在源服务器上，将静态文件的缓存时间设置成30天或以上，以Nginx服务器为例：
location ~ .*\.(gif|jpg|jpeg|png|mp4|bmp|swf|webp|svg|ico)$ { expires 365d; } location ~ .*\.(js|css)?$ { expires 365d; }expires的值是缓存时间，d是单位天。
然后在Cloudflare的浏览器缓存 TTL设置中，将缓存时间设置成：“遵循现有标头”，如下图：
