已收藏,可在 我的资料库 中查看
关注作者
您可能还需要

WordPress性能优化:阿里云对象存储OSS进行CDN加速(实操篇)

解答怎样用阿里云对象存储 OSS 进行 CDN 加速

WordPress性能优化:阿里云对象存储OSS进行CDN加速(实操篇)图片来源:图虫创意

在前篇了解 CDN 加速的工作原理后,本篇将以阿里云为例,解答怎样用阿里云对象存储 OSS 进行 CDN 加速。

什么是阿里云对象存储OSS

阿里云对象存储(Object Storage Service,简称OSS)是阿里云提供的云存储服务,同时提供四种存储方式,标准存储适用于移动应用、大型网站、图片分享或热点音视频,除了标准存储外还可以选择成本更低、存储期限更长的低频访问存储、归档存储和冷归档存储作为不经常访问数据的存储方式。

阿里云CDN

阿里云内容分发网络(Content Delivery Network,简称CDN),阿里云 CDN 将源站文件资源缓存至阿里云遍布全球的加速节点上,当用户通过浏览器请求访问和获取该文件资源时,阿里云 CDN 负载均衡系统服务器会自动调用距离用户最近的 CDN 节点(CDN服务器)上已缓存的文件资源,返回给浏览器经过渲染后呈现给用户。

为什么建议使用 CDN+OSS 的网站架构

从长远发展考虑,建议网站使用 CDN+OSS 的网站架构。简单来说就是网站动静态分离,将动态资源例如 Web 程序、数据库等存放在自己的服务器上,将静态资源例如图片、CSS 代码和 JS 脚本等存放在对象存储 OSS 上,最后把 OSS 作为 CDN 的源站,通过 CDN 加速分发,使用户通过 CDN 节点就近获得文件资源。

这样动静态分离的网站能够降低服务器的压力,因为只有当前浏览的页面是从自己服务器加载的,其余的图片、CSS 代码和 JS 脚本都是从最近的 CDN 节点获取的。

通过 CDN 来访问 OSS 资源,并且将 OSS 的文件资源缓存至就近的 CDN 节点,通过 CDN 节点进行分发,访问速度更快,且费用更低。如下图所示:

WordPress性能优化:阿里云对象存储OSS进行CDN加速(实操篇)图片来源:阿里云

如果不使用 CDN+OSS 架构的传统网站,动态资源和静态资源不分离,随着访问量增大,网站性能势必会受到很大影响,如图:

WordPress性能优化:阿里云对象存储OSS进行CDN加速(实操篇)图片来源:阿里云

用户的每次请求都需要到自己的服务器上拉取文件资源,Web 程序、数据库、图片、CSS 代码和 JS 脚本都全部存储在服务器上。对于个人站长而言,带宽较小较便宜的云服务器已不再适用,需要升级更高的云服务器,而服务器的成本也会随之上涨。

使用阿里云对象存储 OSS 进行 CDN 加速(实操)

第一:开启阿里云 OSS

首先注册阿里云,进入阿里云界面搜索“对象存储 OSS”,点击进入 OSS 管理控制台。

WordPress性能优化:阿里云对象存储OSS进行CDN加速(实操篇)图片来源:阿里云

在 OSS 管理控制台右侧下方点击“创建 Bucket ”,填写以下信息:

  • Bucket 名称:自定义(创建成功后将不可修改)
  • 地域:你的网站用户哪里最多就选哪个区域(选择后不支持更换区域)

  • 存储类型:标准存储

  • HDFS 服务:按需,我没开通

  • 同城冗余存储:按需,我没开通

  • 版本控制:按需,我没开通

  • 读写权限:公共读

  • 服务端加密方式:无

  • 实时日志查询:按需,我没开通

  • 定时备份:按需,我没开通

WordPress性能优化:阿里云对象存储OSS进行CDN加速(实操篇)图片来源:阿里云

信息填写完毕后点击“确定”,Bucket 创建好后页面跳转,选择【基础设置】-【镜像回源】,点击【设置】-【创建规则】

WordPress性能优化:阿里云对象存储OSS进行CDN加速(实操篇)图片来源:阿里云

填写以下信息:

  • 回源类型:镜像
  • 回源条件:HTTP 状态码 404;文件名前缀:不填;文件名后缀:不填

  • 源站类型:按需,我不勾选

  • 回源地址:输入自己的网站地址,例如我的:matchtools.top

  • 检查 MD5:按需,我不勾选

  • 透传/到源站:按需,我不勾选

  • 回源参数:按需,我不勾选

  • 3xx 请求响应策略:勾选【跟随源站重定向请求】

  • 设置 HTTP header 传递规则:按需,我都不勾选

填写完毕后回到之前点击【传输管理】-【域名管理】,点击【绑定域名】,输入 cdn+自己网站的域名,例如我的:cdn.matchtools.top,之后按照要求去设置域名解析,或者勾选自动添加 CNAME 记录。

注意:我勾选了自动添加 CNAME 记录,可以回到【云解析 DNS】下查看解析记录,如果能看到一条主机记录为 cdn 的就可以了。(作为验证)

WordPress性能优化:阿里云对象存储OSS进行CDN加速(实操篇)图片来源:阿里云

接下来需要做的是,CDN 配置和上传 HTTPS 证书,如果你已经启用了HTTPS 证书就需要上传,如果还没有这一步可以先跳过。

第二:CDN 配置

在 CDN 配置中填写以下信息:

  • 加速域名:无需修改,例如我的:cdn.matchtools.top
  • 业务类型:图片小文件

  • 加速区域:按需,我选择”仅中国内地“

  • 资源分组:不选择

  • 新增源站信息:选择 OSS 域名,域名下拉选择自己网站域名,其他项的优先级、权重和端口均默认,无需修改,或按需选择。

WordPress性能优化:阿里云对象存储OSS进行CDN加速(实操篇)图片来源:阿里云

填写完毕点击“下一步”,会得到提示:恭喜您!cdn.xxx 域名添加成功

最后一步还需要完成加速域名的 CNAME 解析设置,到这一步系统会分配一个新的 CNAME 记录值,我们需要到云解析 DNS 中把这个新的 CNAME 记录值修改至上一步自定添加的 CNAME 记录值。修改后会得到 CNAME 已生效的反馈结果。

WordPress性能优化:阿里云对象存储OSS进行CDN加速(实操篇)图片来源:阿里云

至此,阿里云 CDN+OSS 的设置就全部完毕了。

相关阅读:

WordPress性能优化:使用CDN加速

WordPress建站全过程(避坑指南新手必看)

(来源:Hopeshe跨境)

以上内容属作者个人观点,不代表雨果跨境立场!本文经原作者授权转载,转载需经原作者授权同意。​

分享到:

--
评论
最新 热门 资讯 资料 专题 服务 果园 标签 百科 搜索

收藏

--

--

分享
Hopeshe跨境
分享不易,关注获取更多干货