小型网站CDN的配置及优化

前言

我接触 CDN 已经有半年多了吧，以前刚建站觉得 CDN 对于个人网站来说用处不大，所以当时网站就没有配置 CDN，但腾讯莫名其妙送我一堆 CDN 流量包，我就抱着试一试的心态去配置了一下 CDN，经过几个月时间去了解，学习，尝试，我对 CDN 的了解还是比较深入了，目前我选择了阿里云 CDN 进行静态加速。以下内容为我自己总结的经验，希望对你配置 CDN 有一定帮助。

方案 1：全站 CDN 加速

很多人刚接触 CDN 时，都会直接加速自己的主域名（全站 CDN 缓存），其实这样做是极其不适合访问量较低的个人网站的，因为受 CDN 的缓存机制所限，访问量低缓存会不全面，很多低访问量缓存内容会被 CDN 服务器覆盖，以至于访问回源，完全起不到加速的效果。。。反而拖慢了访问速度，因为没全站加速之前，访问直接通过你的服务器返回数据，而加了全站加速后，未成功缓存的内容的访问就会走弯路，命中率低，大部分内容回源（用户-CDN 服务器-源站服务器-返回数据），这也是很多小型网站全站加速后访问反而变慢的原因。还有个弊端是，全站 CDN 不仅会缓存静态文件，而且会缓存非静态文件，导致网站内容无法正常更新，需要自行前往 CDN 缓存时间去进行配置，相对麻烦。所以，全站 CDN 更适用于访问量较高的网站。

方案 2：静态内容加速

这种方案也就是仅仅把网站的静态内容缓存（如解析 cdn.bytecho.net 到 CDN 服务器）访问 www.bytecho.net 时，仅将 js，css 等静态文件通过 cdn.bytecho.net 调用，其他文件直接通过源站进行访问。这样就解决了方案 1 的动态内容被缓存的问题。

如图所示
这种方案配置就比较简单了，如果你的网站模板有 CDN 相关设置，直接填入加速域名即可，如：cdn.bytecho.net。如果没有则需要自行将你的 css，js，图片等文件调用地址改为你的加速地址。

当然，有的人配置之后发现网站依旧加载较慢，你需要将你的图片上传至对象存储进行加速（可配合 CDN 使用）。

方案 3：静态内容对象存储（镜像回源/镜像存储）与 CDN 配合使用

1.阿里云 OSS（镜像回源功能）配合阿里云 CDN（其他 CDN 均可）：
首先在阿里云 OSS 新建一个 Bucket，然后选择基础设置-镜像回源，填入自己的主域名如：https://www.bytecho.net，再进行跨域访问的配置。配置完成后将 OSS 进行 CDN 加速(CDN 加速对象存储的域名)即可。如图所示：

之后将你的加速域名填入模板设置中的 CDN 加速域名框，如：cdn.bytecho.net。如果没有则需要自行将你的 css，js，图片等文件调用地址改为你的加速地址。然后对主站进行一次访问，阿里云 OSS 会自行将你的静态内容缓存至 OSS，即可完成配置。
2.七牛云对象存储（镜像存储功能）配合任意一种 CDN：
首先在七牛云新建一个 Bucket，选择镜像存储功能，填入你的主站域名即可，如：https://www.bytecho.net。CDN 配置同上，之后将你的加速域名填入模板设置中的 CDN 加速域名框，如：cdn.bytecho.net。如果没有则需要自行将你的 css,js，图片等文件调用地址改为你的加速地址。然后对主站进行一次访问，七牛云对象存储会自行将你的静态内容缓存，即可完成配置。
这是我目前在使用的一个方案，非常适合小型网站，也是很多人在用的一种方案。

完成之后测测你网站的访问速度呢，是不是快了许多。希望以上方案能帮助到你。

---

编辑：Henry 2018-08-15 转发请标明：内容来自 字节星球

版权属于：字节星球/肥柴之家 （转载请联系作者授权）
原文链接：https://www.bytecho.net/archives/setupcdn.html
本作品采用知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议进行许可。