#最新
【wp加速优化】WordPress使用OSS+CDN实现动静分离

什么是动静分离

我们的网站简单来说分为 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,选择服务器对应的区域,读写权限根据实际需求选择

【wp加速优化】WordPress使用OSS+CDN实现动静分离

 

第二步:创建 Access Key

【wp加速优化】WordPress使用OSS+CDN实现动静分离

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

【wp加速优化】WordPress使用OSS+CDN实现动静分离

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

【wp加速优化】WordPress使用OSS+CDN实现动静分离

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

【wp加速优化】WordPress使用OSS+CDN实现动静分离
【wp加速优化】WordPress使用OSS+CDN实现动静分离

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

【wp加速优化】WordPress使用OSS+CDN实现动静分离

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

【wp加速优化】WordPress使用OSS+CDN实现动静分离

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

【wp加速优化】WordPress使用OSS+CDN实现动静分离

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

收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

所有文章为演示数据,不提供下载地址,版权归原作者所有,仅提供演示效果!

酷源码 活动线报 【wp加速优化】WordPress使用OSS+CDN实现动静分离 https://www.kuyma.com/257.html

常见问题
  • 本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。
查看详情
  • 最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用
查看详情

相关文章

官方客服团队

为您解决烦忧 - 24小时在线 专业服务

【wp加速优化】WordPress使用OSS+CDN实现动静分离-海报

分享本文封面