原创

使用阿里云ESA加速博客网站访问速度

最近在Google Search Console的「核心网页指标」中,我收到了一个黄色的警告:博客网站的LCP(最大内容绘制)超过2.5秒。

因为博客采用单点部署架构,所有的资源都依赖单个节点处理,打开页面时同时加载大量CSS、JS和的图片等,导致了网站打开速度较慢。所以考虑将静态资源接入到CDN服务中以优化博客访问速度。

在寻找CDN服务商的时候,发现阿里云提供了边缘安全加速ESA业务,可以直接将全站接入阿里的全球CDN,同时提供了DDos等安全访问功能,所以决定接入阿里云的ESA业务,记录一下接入过程。

一、添加站点

登录阿里云后,选择左上角侧边栏菜单图标,找到“边缘安全加速ESA”后点击进入:

进入控制台后,点击【站点管理】-【新增站点】按钮添加站点:

输入要接入的域名后点击下一步:

选择加速区域和接入方式(根据需要选择,因为域名不在阿里云所以选择CNAME的接入方式):

下一步之后选择套餐(基础版每月50G流量,一年大概60块):

支付完成后自动进入站点详情页面:

站点详情页面可以获得下一步需要配置的域名解析数据,包含主机记录、记录类型和记录值。

二、验证站点归属

验证站点归属需要按照获取的数据配置在域名解析记录中,站点使用的是腾讯云管理域名解析:

解析记录添加完成后,返回阿里云的控制台,点击验证按钮:

验证成功后就可以进行下一步操作了。

三、添加DNS记录(需要加速的域名)

站点验证成功后,点击站点名称进入站点管理详情页面:

在站点详情页面点击添加DNS记录:

填写主机记录与源站地址,其他保持默认即可,具体每个字段怎么填写可以参考右侧提示:

下一步选择业务类型(根据业务类型选择,不过好像影响不大):

点击完成后提示添加成功:

四、加速域名解析

添加成功的页面会展示主机记录、记录类型、记录值参数,这些参数就是ESA提供的服务地址,将需要加速的域名解析到这里:

解析配置完成后,点击查询按钮验证配置是否完成:

配置成功后点击按钮结果如下:

验证成功后大概10分钟左右,阿里云ESA就开始提供服务了。

五、配置边缘证书(SSL证书)

因为博客网站是通过https提供服务的,所以还需要配置SSL证书,点击【SSL/TLS】-【边缘证书】按钮:

证书这里可以选择申请免费证书或者直接上传自定义证书:

六、结果验证

配置完成后可以通过nslookup或者ping命令来验证一下DNS解析是否生效:

在DNS解析生效后,就可以访问博客页面查看加速效果了:

性能分析:

Lighthouse:

在线ping测试:

加速效果非常不错哈~~


扩展说明:

1.大部分保持默认配置就可以了,可以根据需求配置一下防火墙智能限频用量封顶等等安全防护规则。

正文到此结束
本文目录