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

研究代表，用户最满意的打开网页时间，是在 2 秒如下。用户可以忍受的最长等待时间在 6～8 秒之间。就是说，8 秒是一个临界值，若是你的网站打开速度在 8 秒以上，那么你将失去大部分用户。研究显示，若是等待 12 秒之后，网页仍是没有载入，那么 99% 以上的用户会选择关闭网页。

Google 作过一个试验，10 条搜索结果的页面载入时间须要 0.4 秒，显示 30 条搜索结果的页面载入时间须要 0.9 秒，结果后者使得 Google 总的流量和收入减小了 20%。Google 地图上线的时候，首页大小有 100KB，后来降低到 70~80KB。结果，流量在第一个星期上升了 10%，接下来的 3 个星期又再上升了 25%。Amazon 的统计也显示了相近的结果，首页打开时间每增长 100 毫秒，网站销售量会减小 1%。

以上数听说明了一个很是重要的问题，若是你的网站速度若是超过 2s 以上，那么你的客户可能在流失和离你而去了。这一点对于电商网站尤为重要，打开速度慢，那么将形成转化率下降，损失将会大量增长。

网站的访问速度受到不少因素影响。服务器的带宽、服务器的 cpu、内存等硬件配置、网站的代码质量、css 和 js 文件是否合并成了一个请求、用户的访问地理位置、用户的线路、数据库语句是否高效等等。影响一个网站速度的因素很是多，须要针对每一项因素作优化。

随着云计算的普及，cdn 逐渐随着云计算的普及而普及。并且随着云计算技术的发展，不少大厂商开发了不少底层系统，将这些服务直接打包用来出售。例如 cdn 服务，随着这几年技术的发展，cdn 的价格已经愈来愈便宜。若是本身逐一去优化网站中每一个性能瓶颈，那么将耗费大量的时间。cdn 服务将整套服务打包，将全站的访问速度总体提高一个量级，再也不须要你再作耗时耗力的优化工做，可以节约大量时间去作推广。今天就来介绍下 WordPress 使用 阿里云 cdn 的教程。

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

添加域名

进入域名管理，点击添加域名，以下图：

• 「加速域名」输入你要加速的域名，通常是你的二级域名：如：www.domain.com。
• 「业务类型」选择「图片小文件」。
• 「源站信息」选择「IP」，输入框输入本身源站的 IP 地址。
• 「端口」，若是源站是 http 的，则选择 80 端口，若是源站是 https 的，须要选择 443 端口，不然会致使 cdn 不断的 301 重定向，致使网站没法访问。

添加完成后，界面提示以下：

配置 CNAME

• 进入域名管理，复制域名的 CNAME 值。

• 进入云解析控制台，选择对应的域名，添加一条 CNAME 记录。

https 配置

若是源站是 https 的，还须要在 cdn 上进行 https 配置。

域名管理控制台，选择对应的域名，选择「HTTPS 配置」。

• 勾选「HTTPS 安全加速」，若是你的 https 证书是在阿里云购买的，在「证书类型」选项，选择「云盾」，系统会自动将证书导入。关于如何购买阿里云 SSL 证书，能够参考阿里云免费申请 SSL 证书。由于我是阿里云购买的，因此直接选择了云盾。
• 「强制跳转」处，勾选 「HTTP -> HTTPS」。
• 勾选「HTTP/2」，勾选「TLS 版本控制」-> 「TLSv 1.3」。

缓存配置

缓存配置分为目录和文件后缀名 2 种方式，权重分为 1～99 等级，99 最大，1 最小，权重大会优先缓存。若是控制台的缓存不配置，阿里云 cdn 默认缓存的时间是：(当前时间 - lastModified) * 0.1，取值范围为：10s～3600s 之间。

下图是个人站点配置方案，能够作参考：

我配置了根目录 / 的 7 天过时时间，是由于个人网站全部结构都是 1 级目录结构(www.domain.com/ur1/)，没法根据 url 目录详细区分，若是你的站点能够区分 url 目录结构，能够配置的更加详细。

动态内容无需缓存，因此我对 wp-admin 目录缓存时间设置为 0。

控制台配置的缓存时间并非绝对时间，假设你的 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/article..._content=g_1000104491

上云就看云栖号：更多云资讯，上云案例，最佳实践，产品入门，访问：https://yqh.aliyun.com/