手把手教你 WordPress 使用阿里云 CDN 教程，让你的网站飞起来( 二 ) _WordPress

控制台配置的缓存时间并不是绝对时间，假设你的 js 缓存时间是 3 个月，但是你的站点访问量非常少，cdn 会提前将内容过期，直到下次重新访问，缓存才会重新生效。
配置 Cache-Control
Cache-Control 是什么？Cache-Control 通用消息头字段，被用在 http 请求和响应中，通过指定指令来实现缓存机制。阿里云的 cdn 也是通过这个字段来判断是否缓存的，如果你的服务器容器的 Cache-Control 为 no-cache，那么阿里云 cdn 是无法进行缓存的。这个字段可以通过 chrome 浏览器的 Network 查看，如下图：

文章插图
配置 cache - control 有 2 种方法，阿里云 cdn 控制台配置 HTTP 头、源站配置 Cache-Control 。

第 1 种方法：阿里云 cdn 配置 HTTP 头，在阿里云 cdn 控制台进入「缓存配置」->「HTTP 头」添加参数：Cache-Control:public 。

文章插图

第 2 种方法：源站服务器添加 Cache-Control 配置，这里以 Nginx 为例，打开 nginx 的 conf 配置文件，在 server 节点下添加如下代码：

add_header Cache-Control public;

文章插图
关于阿里云 cdn 详细的解释可以参考配置缓存过期时间。
性能优化
性能优化主要勾选阿里云 cdn 控制台的 3 个选项。

文章插图

页面优化，主要是去除 html 页面页面冗余内容，如注释以及重复的空白符，节省带宽，加快访问速度。
智能压缩，对静态文件类型进行 Gzip 压缩, 有效减少用户传输内容大小。
Brotli 压缩，Google 在 2015 年 9 月推出了无损压缩算法 Brotli 。Brotli 通过变种的 LZ77 算法、Huffman 编码以及二阶文本建模等方式进行数据压缩，与其他压缩算法相比，它有着更高的压缩效率。开启后，查看 css、js 的 content-encoding 值为 br，就说明启用了 Brotli 压缩。

文章插图
如何查看是否命中 CDN 缓存
首先在 dos 界面 ping 域名，查看返回信息，如果返回后缀为：w.kunlungr.com 的域名信息，说明 CNAME 的配置生效了。但是这并不能说明网站已经命中 cdn 缓存。
查看网站是否命中 cdn 缓存的方法。打开 Chrome 浏览器的 Network 选项卡，刷新网站，找到 Response Headers 的 x-cache 属性，如果为 HIT 则表明命中缓存，如果为 MISS 则表明未命中缓存。

文章插图
刷新缓存
如果在源站更新了内容，想要立刻生效，可以使用「刷新预热」功能。

文章插图
效果如何？
我们花了大量的时间和精力做了 cdn 的配置和优化，那么效果到底如何呢？有没有可以量化的数据来验证呢？下面是我的统计数据图。
未配置 cdn 前的统计时间，平均时间大约为 1500 ms 。

文章插图
启用 cdn 后，时间降低为 130 ms 左右。

文章插图
访问时间直接提升了 10 倍以上，提升效果还是非常明显的。
查看更多：https://yq.aliyun.com/articles/744160?utm_content=g_1000104491
上云就看云栖号：更多云资讯，上云案例，最佳实践，产品入门，访问：https://yqh.aliyun.com/

【手把手教你 WordPress 使用阿里云 CDN 教程，让你的网站飞起来】