首页 学习笔记,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 转发请标明:内容来自 字节星球




文章评论

    VPS234主机测评 访客ChromeWindows
    2019-09-23 21:28   回复

    阿里云的oss使用cdn访问挺方便的@(呵呵)

      Henry 站长ChromeWindows
      2019-09-27 19:06   回复

      对呀,一键配置。

    Teacher Du 访客ChromeLinux
    2019-09-19 9:14   回复

    现在动态加速,和HTTPS加速都好贵啊!

      Henry 站长ChromeWindows
      2019-09-19 16:34   回复

      阿里云还好吧,只要流量不是很大。

    连云港中央空调清洁 访客ChromeWindows
    2019-09-4 14:47   回复

    按照你说的弄了下 我的七牛 感觉速度提升了

      Henry 站长ChromeWindows
      2019-09-18 20:40   回复

      希望对你有帮助!

    森纯博客 访客ChromeWindows
    2019-08-28 22:29   回复

    这教程太棒了,先收藏以后折腾

      Henry 站长ChromeWindows
      2019-09-18 20:40   回复

      希望对你有帮助!

    卷土 访客ChromeAndroid
    2019-08-26 22:25   回复

    好巧合啊,刚刚才使用上这个,网站速度变得非常快,我用的是七云 cdn

      卷土 访客ChromeAndroid
      2019-08-26 22:28   回复

      不好意思说错了,是七牛,哈哈