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




文章评论

    Jrotty 访客ChromeWindows
    2018-08-18 13:41   回复

    cdn一直没怎么尝试,我突然流量被耗光,然后就花钱了@(小乖)

      Henry 站长ChromeWindows
      2018-08-18 13:43   回复

      姓泽的你终于来了,再不来我都要倒了。#(中枪)

    QQ爷 访客ChromeAndroid
    2018-08-18 13:40   回复

    死肥宅,来看看你有没有乖,不乖的话泽泽会打你屁股的@(捂嘴笑)

      Henry 站长ChromeWindows
      2018-08-18 13:42   回复

      死派大星,为什么还没有邮箱头像。#(献黄瓜)

        QQ爷 访客ChromeAndroid
        2018-08-18 14:07   回复

        这博客太垃圾了 速度又快 文章又好,更垃圾的是这博主长得又帅还是大长腿,你们说是不是太垃圾了@(捂嘴笑)

          Henry 站长ChromeWindows
          2018-08-18 14:12   回复

          大长腿还行@(汗)

    君华 访客ChromeWindows
    2018-08-16 9:43   回复

    很好。

      Henry 站长ChromeWindows
      2018-08-16 14:03   回复

      很好是怎么个好法啊......

        君华 访客ChromeWindows
        2018-08-16 14:06   回复

        很好就是...看着不错,但碍于实名认证我缺无法用的那种好!#(脸红)

          Henry 站长ChromeWindows
          2018-08-16 14:07   回复

          哦对了,你好像没有备案捏。。。@(捂嘴笑)@(滑稽)#(献黄瓜)

            君华 访客ChromeWindows
            2018-08-16 14:12   回复

            我com备案了。

              Henry 站长ChromeWindows
              2018-08-16 14:14   回复

              什么!?!你还有com!#(狂汗)

                君华 访客ChromeWindows
                2018-08-16 14:15   回复

                对啊,这个top是我com备案的时候临时兴起弄的。。。现在也不用那个了。。

                  Henry 站长ChromeWindows
                  2018-08-16 14:16   回复

                  你域名好像有点多啊

                    君华 访客ChromeWindows
                    2018-08-16 14:17   回复

                    不多啊。。3个现在。。多的我都卖了