云运维如何通过cdn和对象存储cos来提高优化wordpress网站访问速度

在运维实战侠,我们深信,企业必须积极拥抱新兴云技术,采用符合自身技术发展趋势、面向未来的 IT 基础构架,才能在未来的竞争中赢得先机。

昨晚在腾讯云的账号中发现了免费送的资源包套餐,还是永久有效,瞬间被感动到了。

云运维如何通过cdn和对象存储cos来提高优化wordpress网站访问速度

有了以上4个资源包,就可以完整的开启cdn+cos加速提高网站的加载和访问速度。由于运维实战侠访问级别为个位数,这点流量因该不需要考虑费用问题。不知死活的保哥决定今天就来搞一下。

一、技术简介

什么是内容分发网络

内容分发网络(Content Delivery Network,CDN),是在现有 Internet 中增加的一层新的网络架构,由遍布全球的高性能加速节点构成。这些高性能的服务节点都会按照一定的缓存策略存储您的业务内容,当您的用户向您的某一业务内容发起请求时,请求会被调度至最接近用户的服务节点,直接由服务节点快速响应,有效降低用户访问延迟,提升可用性。

什么是内容分发网络?

对象存储(Cloud Object Storage,COS)是腾讯云提供的一种存储海量文件的分布式存储服务,用户可通过网络随时存储和查看数据。腾讯云 COS 使所有用户都能使用具备高扩展性、低成本、可靠和安全的数据存储服务。

二、解决方案

(一)配置内容分发网络cdn

因保哥已经添加过cdn.shizhanxia.com,为了更清楚的展示,以下有些截图使用域名a.shixhanxia.com来举例说明。

云运维如何通过cdn和对象存储cos来提高优化wordpress网站访问速度

在控制台中选择内容分发网络cdn。

云运维如何通过cdn和对象存储cos来提高优化wordpress网站访问速度

选择”域名管理”中的”添加域名”开始添加域名。

云运维如何通过cdn和对象存储cos来提高优化wordpress网站访问速度

加速区域:按需选择,运维实战侠用户主要为国内用户,因此这里选择的是中国境内。

加速域名:运维实战侠用的加速域名是cdn.shizhanxia.com,这里方便举例使用a.shizhanxia.com截图。

加速类型:按照实际情况选择即可,运维实战侠主要用于图片加速,因此选择CDN静态加速。

云运维如何通过cdn和对象存储cos来提高优化wordpress网站访问速度

源站类型:运维实战侠这里采用的方案是cdn+cos,因此这里选择cos源。

回源协议:现在网站绝对要https协议,作为一个IT工作者要不让人笑话。

私有存储桶访问:打开选项,因为我们的对象存储是不允许公共访问的,仅能通过cdn、以及授权的账号进行访问。

其他选项:无特殊需求默认即可,

云运维如何通过cdn和对象存储cos来提高优化wordpress网站访问速度

完成提交后,选择”管理”开始进一步配置

云运维如何通过cdn和对象存储cos来提高优化wordpress网站访问速度

进入”缓存配置”选项卡,在节点缓存过期配置部分,选择”新建规则”,按图片所示或者实际情况选择需要缓存的文件及缓存时间。

云运维如何通过cdn和对象存储cos来提高优化wordpress网站访问速度

完成”缓存配置”设置后,选择”回源配置”选项卡,修改其中”回源跟随301/302配置”,将该配置打开。

云运维如何通过cdn和对象存储cos来提高优化wordpress网站访问速度

完成”回源配置”设置后,选择”https配置”中的”https配置”,按照提示申请或者使用自有证书。

云运维如何通过cdn和对象存储cos来提高优化wordpress网站访问速度

修改”强制跳转”部分,运维实战侠这里是强制将http—->https,跳转方式选择301跳转,并携带头部。

其他部分:按需设置,

到此已经完成了cdn配置部分,下一步需要将cdn.shizhanxia.com域名cname到cdn生成的域名上。

(二)配置域名解析

云运维如何通过cdn和对象存储cos来提高优化wordpress网站访问速度

登录腾讯云控制台,选择”域名注册”进入域名注册配置页面。

云运维如何通过cdn和对象存储cos来提高优化wordpress网站访问速度

云运维如何通过cdn和对象存储cos来提高优化wordpress网站访问速度

进入”我的域名”,进入shizhanxia.com的解析页面。云运维如何通过cdn和对象存储cos来提高优化wordpress网站访问速度

选择”添加记录”,按照提醒配置域名解析,并完成配置。

主机记录:cdn

记录类型:CNAME

记录值:创建cdn时,添加域名后生成的CNAME记录

(三)配置对象存储cos

本节保哥会介绍运维实战侠所使用的对象存储cos的设置。

云运维如何通过cdn和对象存储cos来提高优化wordpress网站访问速度

从控制台进入”对象存储”配置页面,在存储”存储桶列表”,选择”创建存储桶”,开始创建对象存储桶。

云运维如何通过cdn和对象存储cos来提高优化wordpress网站访问速度

所属地域:按照实际情况填写。

名称:随意填写

访问权限:建议选择私有读写,这样万一有一些敏感数据,不至于直接被人从公网获取到。

其他选项:默认

一路下一步完成设置。

云运维如何通过cdn和对象存储cos来提高优化wordpress网站访问速度

进入新建桶的配置界面。

云运维如何通过cdn和对象存储cos来提高优化wordpress网站访问速度

进入”权限管理”中的”存储桶访问权限。按照截图中的信息进行配置。

云运维如何通过cdn和对象存储cos来提高优化wordpress网站访问速度

进入”域名与传输管理”按照截图实例配置”自定义CDN加速域名”。

云运维如何通过cdn和对象存储cos来提高优化wordpress网站访问速度

最终完成后的”存储桶域名配置图”如上图所示。到此对象存储cos已经配置完成。

(四)配置wordpress

登录到wordpress网站的后台,选择安装插件”tencentcloud-cdn“和”tencentcloud-cos“。

云运维如何通过cdn和对象存储cos来提高优化wordpress网站访问速度

在腾讯云配置界面,选择”腾讯云密钥”,点击上图中的”密钥管理”,按要求创建并获取密钥。腾讯云内容分发网络(cdn)插件,并无需外的配置。

云运维如何通过cdn和对象存储cos来提高优化wordpress网站访问速度

在腾讯云配置界面,选择”插件配置中心”选择”腾讯云对象存储(COS)插件”配置。云运维如何通过cdn和对象存储cos来提高优化wordpress网站访问速度

进入腾讯云对象存储(COS)插件配置页面,完成如下配置

所述地域:ap-beijing 北京

空间名称:创建的桶的名称。

访问域名:https://cdn.shizhanxia.com

禁止缩略图:开启相关设置。

保存设置后,腾讯云对象存储(COS)插件配置完成,在执行”附件同步”和”一键替换”后,所有的操作均已经完成。

三、完成验证

完成以上步骤后,访问运维实战侠网站首页,邮件查看网页源代码,可以看到logo.png等图片静态资源实现了分离,利用cos及cdn的高带宽、低延时完成了网站加速的目的。

原创文章,作者:保哥运维实战侠笔记,如若转载,请注明出处:https://www.shizhanxia.com/biji/369.html

发表评论

登录后才能评论