使用Workers自定义CDN缓存策略取代Cloudflare Page Rule

Cloudflare一直是我非常喜欢的厂商，免费的套餐就可以提供不错的服务，只不过现在被玩坏了，国内访问速度大不如前，但是总体来说有还是比没有强。

不过免费版套餐的Cloudflare CDN有个非常致命的缺点，就是不能根据cookie来区分访客，从而针对性提供访问内容（比如不为登陆、评论过的用户提供缓存）。并且还会把已登录或已评论用户的信息缓存上去，这点难以接受，也是我抛弃Cloudflare的重要原因之一。

不过在Cloudflare Workers面世后，这个问题就迎刃而解了，我们可以使用Workers来绕过这个限制，自己编写缓存策略。

关于Cloudflare Workers的介绍可以自行搜索，通过搜索引擎看到本文人或许应该已经有所了解。

我简单阐述一下，本文要讲的内容，就是通过Cloudflare官方曾编写的一款脚本，实现自定义缓存策略。

Cloudflare官方曾编写的一款WordPress插件，用以搭配edge-cache-html，不过这个项目已经快两年没更新了，应该是觉得这个项目会影响到他们付费套餐的出售。

https://github.com/cloudflare/worker-examples/tree/master/examples/edge-cache-html

目前这个脚本直接使用，是无法在WordPress下生效的，并且缺失URL路径规则。我稍作修改，增加了路径排除和支持在WordPress下是缓存（去除header cache判断）。

前期操作请参考 [WordPress]利用 Cloudflare Workers 来缓存博客的 HTML 网页，写的非常详细，只不过这位博主没有没有缓存成功。

以下是修改后的脚本

‘

'.wch_stripslashes('$2').'

‘

在worker上部署好脚本后，就可以添加域名了，想使用cname接入的Cloudflare，可以参考针对使用Cloudflare CDN国内网站的速度优化方案这篇文章。

非常简单，在WordPress中上传插件cloudflare-page-cache即可，这个插件没有图形界面，无需任何设置，在每次触发缓存更新策略时会自动更新html_cache_version。

值得一提的是，目前这个插件有一个缺点，触发缓存更新后，所有页面缓存都会失效，不过后面有NGINX Cache顶着，到也影响不大。

从能用到好用-快速搭建高性能WordPress指南

需要禁止Cloudflare Page Rule缓存，直接如图设置即可，让Cloudflare Page Rule缓存所有的话，会把用户信息缓存上去，现在所有的规则交给Edge Cache HTML就可以了。

如果上述操作对于你来说还是太难了，这里还有一件部署插件Edge Cache HTML via Cloudflare Workers。

我对Edge Cache HTML via Cloudflare Workers这款插件稍作修改，添加了我修改的脚本（edge-cache-html-cloudflare-workers下载），使之能够正常缓存。

填写Cloudflare E-mail和Cloudflare API Key，然后保存、安装即可。

之后添加router，和Workers KV就可以使用了。

我现在已经转移到国内服务器了，用不上了。实际上，如果缓存上了，效果还是相当显著的，我当时的TTFB大概是160ms。如果你的服务器不在国内，相当建议你使用Cloudflare Edge Cache HTML 缓存你的网站。

via 《sleele的博客》，稍有改动。

[WordPress]利用 Cloudflare Workers 来缓存博客的 HTML 网页
cloudflare worker-examples Edge Cache HTML
Fake and free Bypass-on-Cookie, with CloudFlare edge cache workers for WordPress
Cloudflare WordPress Edge Caching via Workers