实践OSS+CDN对网站的加速效果

实践OSS+CDN对网站的加速效果

自建站以来访问速度一直困扰着我,建站初期近20秒的加载时间足以让所有人崩溃!一般来说3-5秒已经是用户的耐心极限,这时在视觉效果和加载速度之间就必须有一个理性的选择。但我依然不理性的选择了视觉效果,可用户的访问速度又不能不考虑,这就到解决问题的时候了。

为了良好的视觉效果我在首页上大量采用了图片及3D视差,经过初步的分析对网站加载速度影响最大的也就是图片。我们先一起了解下网站的环境再想办法解决,站点采用的是阿里云独享虚拟主机经济版。1Mbp带宽也造成了网站的先天不足,但要升级带宽又面临着巨大的经济压力,也就打消了这一个念头(毕竟只是一个非盈利性的个人网站)。之后想到的是利用阿里云对象存储OSS的巨大吞吐量对网站静态资源的提速,在初步的测试中也得到了明显的效果。但还有一个重要的问题是OSS吞吐量虽然很大,但那可是按流量计费的,就算我的网站访问量并不大,但每一次用户的来访可是白花花的银子在外流,要是再碰上个恶意流量这损失就不容小视了。所以在使用了OSS的基础上决定再上百度云加速CDN,这样只有在CDN回源时才会用到OSS的流量,算下来也能省下不少银子呢!其次百度云加速CDN有防火墙,可以对抗一定程度的网络攻击,关键的是隐藏掉我网站和OSS的真实地址,给OSS的安全多加了一份保障。好了,费话不多说了,先来看看我的计划

实践OSS+CDN对网站的加速效果
注:上图中的地址部分并不是真实的,仅用作示例

这是我想像中的结构,用户在访问网站时已缓存的静态文件由CDN直接返回。未缓存的图片资源由OSS向CDN进行缓存,这样可以减少对服务器的压力。在OSS中未找到图片时再由服务器对OSS镜像回源,当然我在建立OSS Bucket时已将对应的图片上传到了OSS,有回源规则只是方便以后服务器新增图片文时不用再自己手动存到OSS。CSS这一类的静态文件则直接由服务器向CDN缓存,而动态数据则由服务器直接发送给用户。至此理论上的构想已经初步完成,但是否可行我会在接下来的试验中慢慢与各位交流…


百度云加速在使用两天后发现CDN拼了命的在回源,OSS流量比平时直接被访问还多个几个倍,不知道是什么原因。但这样下去不是个办法,OSS的流量可不便宜,并且在测试中疑似CDN访问时走的还是OSS流量。决定不再等下去,把图像这一块直接改用阿里的CDN,目前使用十多个小时一切正常,回源流量不高,外网访问速度和百度云的没多大区别。

实践OSS+CDN对网站的加速效果

观察两天后发现在更换阿里的CDN后OSS流量趋于稳定,同样是回源为啥区别就哪么大呢!!!

目前网站已按上述构想完成了加速,至于效果如何还要进一步的测试。这两天我比较忙,等过几天空闲了就把过程给补上~


在使用几天后开始补作业,首先我们要做的是动静分离,具体步骤请参考 http://www.stumblingblock.cn/2504.html 这里边我把OSS的使用方法和一些规则进行了介绍,还有就是WordPress在不使用插件的情况下如何实现的动静分离。


请关注本文静待更新,文章固定连接 http://www.stumblingblock.cn/2473.html

发表评论

电子邮件地址不会被公开。 必填项已用*标注