MENU

小型网站CDN的配置及优化

• August 15, 2018 • Read: 35813 • 学习笔记,解决方案,知识库,Web

前言

我接触 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 的动态内容被缓存的问题。

photo1

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

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

方案 3:静态内容对象存储(镜像回源/镜像存储)与 CDN 配合使用

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

photo3

之后将你的加速域名填入模板设置中的 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 国际许可协议进行许可。

Last Modified: January 31, 2021
Archives QR Code
QR Code for this page
Tipping QR Code
Leave a Comment

68 Comments
  1. 陶小桃Blog 陶小桃Blog IP属地:北京     macOS    Safari

    一直在用七牛云

  2. 菊 IP属地:湖北     macOS    FireFox

    在又拍云就挂了个图床 CDN暂时没做 小站别人看不上

    1. Henry Henry     Windows 10+    Google Chrome

      @菊只要自己访问流畅就好。

  3. 图样图森破 图样图森破 IP属地:江苏     Windows 10+    QQ浏览器

    其实很多小站都不需要 不要盲目的跟风

    1. Henry Henry     Windows 10+    Google Chrome

      @图样图森破主要还是图片问题,一张图片几百kb,1M主机每秒就120kb左右的流量,会严重拖慢首次加载速度,其次就是js,有的js也高达几百kb甚至几mb。如果没有这些问题,或者主机带宽够大,确实CDN是没有任何必要的。

  4. Z Z IP属地:河南     Windows 10+    FireFox

    请问下您网站服务器配置,我1M小水管好慢啊。

  5. Z Z IP属地:河南     Windows 10+    Google Chrome

    有交流群吗,想学习下。