阿里OSS+CDN加速你的网站

目 录

一直都是使用七牛云来加速网站,主机是阿里云的,域名也注册了二个,用来弄CDN加速。阿里云有一整套的方案,今天决定把七牛的加速改到阿里云上,也方便管理吧,以下是折腾的过程,操作其实是跟其它云加速差不多的。

建立OSS

先在阿里云里新建一个bucket,用来存放网站的静态文件。这里先绑定域名,可以去注册一个便点的,一年十几块的就行,必竟是用来作加速用的,不是网站的主域名。如果域名都是在阿里万网注册的,可以直接创建CDN加速。

设置OSS镜像回源

在刚才新建的bucket中,选择基础设置-镜像回源,在弹出来窗口中设置好源站的域名,如果是用HTTPS的,就选HTTPS就行。

CDN配置

进入阿里云CDN,点击域名管理-配置,这里显示了CDN相关参数设置,有缓存周期、HTTPS开启、性能优化等。至于缓存周期,根据自己的需求来设置,本站设的是以后缀名来弄的,比如图片类设为一个月,js、css设为一周。

HTTPS开启

现在满天下都是加锁的了,还是开启HTTPS吧,先申请一个域名的SSL证书,都在阿里云上的,直接可以选,所以挺方便的。

域名解析

这一步便是加速域名的解析了,在阿里云域名管理中找到要设置的域名-解析,添加CNAME就行,主机选“@”,对应的值填写CDN域名上显示的CNNAME即可,等几分钟就生效了。

wordpress设置加速

因为本站CDN在后台弄了相关的参数设置,你可以直接输入值也行。主要是加速的网站域名、加速的域名、加速的目录、加速的文件类型。

跨域问题

经过以上步骤,可以实现了阿里云的CDN加速了,不过本站的字体图标出理了问题,没能显示出来,查找F12发现是远程跨域读取的问题。在阿里云CDN设置里也有相关设置的。

设置如下图:

CDN刷新问题

加速后CSS、Js文件都是从CDN节点上读取的,如果网站需求有更新了这些文件,还没进行CDN刷新的话,网站是看不到效果的,这时就需要在CDN管理面板上进行刷新,阿里的刷新有URL、目录、全站的刷新。这里介绍一下如何刷新CSS或JS文件
一、通过更改版本号来更新:
这种更新是在要链接了CSS或js文件的后面,添加一个版本号,通过更改这个版本号来刷新文件。

如上,改变ver后面的版本号,然后去CDN文件管理上删除style-diy.css文件,网站就更新了。

二、通过URL刷新:
这种刷新一定要带上后面的版本号,在CDN刷新里进行刷新就行,好像都要删除原文件才能刷新的,不知你们是不是有这种情况。

这样一来,你的网站就能静态加速了,网站地打开速度也提高了不少吧,秒开的感觉很爽的。