阿里云OSS+CDN设置,实现Wordpress动静分离,提高wordpress加载速度

一直对OSS和CDN配合设置来加速不太明白,网上也搜索了很多资料,说法不一。捣鼓了一天终于理顺了步骤。差点就放弃了。

这里主要是针对阿里云的OSS和CDN的设置来讲解,估计其他网站,比如腾讯、七牛云的设置应该都差不多。这个网站是才用wordpress搭建。OSS和CDN设置好后,我再说下wordpress搭建的网站如何用插件来使用。

文章从上往下,是依次设置的步骤。

1.创建Bucket

进入阿里云网站,找到“对象存储OSS”,创建一个Bucket

image-20210205233311561

填写相关信息,这里注意一下,地域要选择和你服务器一个地方。OSS选择和你服务器同一个服务商,你服务器在阿里云,就在阿里云设置OSS和CDN,原因是可以走内网流量。

读写权限要选择“公共读”

我没有注明的选项,保持默认即可,因为那些服务都是收费的~

image-20210205233815429

2.Bucket设置

创建完成后,进入刚才创建的Bucket

image-20210205234114692

点Bucket名称进入

image-20210205234209327

首先设置CDN加速域名,传输管理-域名管理

image-20210205234252404

点击绑定域名

image-20210205234359144

设置你网站的二级域名。前缀随便写,比如cdn.xxxx.com

image-20210205234455909

然后配置这个CDN加速域名

image-20210205234634694

进入后,什么都不用设置,直接点下一步,会返回域名管理

image-20210205234814883

然后去自己的域名解析里面,给这个二级域名添加CNAME解析,解析添加后,过会就会生效。

CDN加速域名设置就完成了。

3.镜像回源

接下来继续回到自己创建的Bucket。选择基础设置---镜像回源

image-20210205235154849

image-20210205235221527

image-20210205235242342

image-20210205235359434

这里务必注意,镜像回源地址是你的网站主域名,不是刚才设置的那个CDN域名。比如我的网站是www.danlong360.com 我就填写这个网址。

进行到这里。OSS和CDN的配置就完成了。下面就是网站调用了

4.Wordpress通过插件开启CDN加速

我网站插件用的是wordpress大牛“我爱水煮鱼”开发的WPJAM,这个插件里面有CDN加速扩展

image-20210205235737487

image-20210205235929069

image-20210206000131001

这里的目录和扩展名是对应关系。上面的扩展名都是指你设置的缓存目录里面的文件。

Wordpress主要是图片。这里的目录我就设置成了图片的默认目录wp-content/uploads. 如果你还想缓存其他目录,可以继续添加选项。

image-20210206000402315

图片设置和水印设置,大家根据自己需要来设置。这个没有难度。

image-20210206000434662

远程图片这里,这个插件我测试了下,这里好像没有效果。

这里远程图片的意思,就是你发表文章的时候,如果你文章内的图片不在你服务器上,插件会自动保存到OSS存储里,然后调用OSS里面的地址。

因为这个选项我设置不起作用,所以我找了另一款插件来弥补这个功能。

image-20210206000648410

我安装的是这款插件。

image-20210206000730872

这个插件的作用就是将我们文章里面不属于服务器的图片存到服务器里。因为我们OSS里面设置了镜像回源。如果OSS发现文章里面的图片不在服务器上,就会自动上传到OSS里面并且调用出来。

这么说有点绕,简单来说,就是你发表文章的时候,是复制粘贴别的网站图片,那么这个插件会自动处理上传,不用你另外再单独上传到服务器里面了。

总结

上面就是OSS+CDN的设置。看起来挺复杂的,昨天捣鼓了一天才搞明白。不过按我上面顺序操作下来,应该问题不大。

这里还有几个坑,大家要注意下。

  1. OSS和你网站的服务器最好在一家,这样就会走内网流量。如果在不同网站,那么流量也是花钱的
  2. 如果你的网站是https协议。那么你设置的CDN域名也要配置成https,一般这些服务商都提供免费证书,按提示配置下就可以。
  3. OSS存储和CDN流量是分别付费的。这里建议OSS直接买一年的。40G一年应该是9块钱。CDN流量如果是小网站,流量不大,可以选择按流量计费,很便宜。平均下来,一月也就几块钱。
  4. OSS存储里面的镜像回源填的是你网站主域名 比如https://www.danlong360.com 不是那个二级CDN域名。按我的理解,这个回源的原理是这样的,用户通过CDN访问到你网站,OSS发现某张图片不在OSS里面。比如这张图片是1.jpg。那么就会用到镜像回源。回源到https://www.danlong360.com. 通过这个域名就可以完整访问到1.jpg,然后进行下载回传到OSS里面去。
本站发布的部分内容包括:文章、图片、音频、视频、软件、程序等搜集于互连网,仅供学习交流,严禁用于商业用途,请于24小时内删除,如喜欢请购买正版,享受售后服务!
单龙网 » 阿里云OSS+CDN设置,实现Wordpress动静分离,提高wordpress加载速度