什么是动静分离

我们的网站简单来说分为 2 种数据资源,一种是动态的数据,即 PHP 等程序语言实时吐出来的数据,在网页内容上主要是 HTML 代码,另一种则是静态资源,比如图片、css、js、视频等。

一般网站初建,因为流量小、业务简单等原因,都默认将两种数据放到一台服务器上提供服务。

访问量大到一定程度之后,就可能出现带宽不足、甚至磁盘高 I/O 等问题。这时将图片等静态资源同步到另一台 WEB 服务器,然后新增绑定一个二级域名,比如 *.domain.com,最后将网页代码中的静态资源替换成这个二级域名即可。这样一来,图片等静态资源的访问就落到了新增的服务器上,从而分担了大部分访问数据流量和 I/O 负载,我们还可以针对性的给静态资源 WEB 做一些优化,比如 JS/CSS/图片压缩、内存缓存、浏览器缓存等等。进一步,我们还可以将静态资源接入 CDN,实现资源就近访问。

但是把静态资源存到另一台服务器费用会比较贵,我们可以选择比较便宜的云存储,比如阿里云OSS,腾讯云COS,七牛云对象存储等。

使用OSS和CDN实现动静分离

一般来说OSS和CDN是要配合在一起使用的,如果只是使用OSS,只是起到了静态资源分离的效果,还需要用CDN给云端的静态资源做加速。

通常OSS的位置选择要和服务器位置一样,比如服务器是香港的,那么OSS也要选择香港的,并且最好是同一家的产品,比如服务器是阿里云的,那么OSS也要选择阿里云,因为同一家的产品区域内网是互通的,不会消耗多余的流量。

第一步:创建Bucket,选择服务器对应的区域,读写权限根据实际需求选择

 

第二步:创建 Access Key

f203c70b29e4fc5-1024x469

第三步:在概览中,记录下 EndPoint(地域节点)和 Bucket 域名

db24f5ffef098a7-1024x469

第四步:在域名管理中,绑定要加速的CDN域名,这个CDN域名配置比七牛云的还简单,只需要把加速域名的CNAME记录解析就行了,这里就不详细说明了。

de8bc35661512fd-1024x469

第五步:下载WPOSS插件,将前面记录的Bucket 名称、 EndPoint 地域节点 、 Access Key Id 、 Access Key Secret 填写进去。注意,如果没有设置CDN加速,那么需要将CDN加速域名替换为Bucket 域名(外网访问)

f7c0632ff24903e-1024x506
af3fab32606e5f5-1024x476

第六步:在媒体库上传一个图片,查看图片链接是否替换成了OSS的链接

7a782040df9c491-1024x469

第七步:发布一篇文章,插入一个图片,然后去 OSS – 文件管理 中查看,是否同步到了OSS里,再随便复制网站里面的一个图片链接,打开看看是不是链接到OSS里的,如果是则说明配置成功了

bef9a30554807fd-1024x469

第八步:此刻会发现,博客里的老文章图片都显示不出来,这是因为OSS里没有你之前博客里的文章图片,我们需要去将原来的图片从网站上下载下来,上传到OSS对应目录中即可,注意,目录需要手动新建,不要建错了

253d862c6de3a28-1024x469

第九步:充钱,阿里云的OSS储存是没有免费额度的,我们可以购买40GB空间的资源包,1块钱一个月,否则按量付费不划算。CDN流量也是要收钱的,如果网站流量不大,建议选择按量付费, 1GB流量0.24元。如果买资源包最低100GB起步,9.9元一个月,总之具体需求看你个人了。

fgfgfgf
神琦资源网 » 【wp加速优化】WordPress使用OSS+CDN实现动静分离