贵州建设监理协会网站,大连网站制作公司,重庆免费微网站建设,网站代运营公司有哪些简介#xff1a;为了进一步提升网站的访问速度#xff0c;我们会使用 CDN 对网站进行加速#xff0c;但是最近在调试阿里云的函数计算和 CDN 的配合使用时发现了一个需要额外注意的地方。
作者#xff1a;邓超 | Serverless Devs 开源贡献者
前言
为了进一步提升网站的访…简介为了进一步提升网站的访问速度我们会使用 CDN 对网站进行加速但是最近在调试阿里云的函数计算和 CDN 的配合使用时发现了一个需要额外注意的地方。
作者邓超 | Serverless Devs 开源贡献者
前言
为了进一步提升网站的访问速度我们会使用 CDN 对网站进行加速但是最近在调试阿里云的函数计算和 CDN 的配合使用时发现了一个需要额外注意的地方。
如何使用 CDN 对部署在函数计算上的静态网站进行缓存
那么以我部署在函数计算上的博客站[1]为例逐步地向大家介绍如何使用 CDN 对函数计算托管的静态网站进行缓存。
为函数添加 CDN 功能
1为函数分配域名并添加 CNAME 记录
由于我希望最终用户能通过 blog.dengchao.fun 来进行访问因此需要给函数分配一个不同的域名 blog.xxx.dengchao.fun 2 添加自定义域名并设置路由
将分配的域名设置到函数计算的自定义域名功能中 因为 CDN 上也可以设置 HTTPs而且函数计算之前不能设置 SSL 协议版本因此这里没有开启 HTTPS 功能。
3 添加源站类型为 函数计算域名 的 CDN
接下来到 CDN 控制台上新建一个加速域名 用户最终将通过加速域名 blog.dengchao.fun 来访问我的博客站。业务类型选项不会影响最终的加速效果可以任意选。
然后添加一个源站 由于函数计算的自定义域名没有开启 HTTPS所以源站的端口需要设置为 80 端口同时也可以减少回源时的响应时间 (实际效果微不足道)。
4 添加 CNAME 类型的 CDN 加速域名记录
设置完源站信息并保存后阿里云会对源站内容进行审核审核通过的话就会提供一个 CDN 服务供应商的域名给你 接下来你需要将你的加速域名解析到 CDN 服务商提供的域名上 添加好 CNAME 记录后CDN 控制台上过一会儿就会显示为 已配置 状态然后你就可以使用配置好的加速域名进行访问了。
设置 CDN 缓存
光配置好加速域名还不够不然用户每次访问加速域名都需要从源站拉取数据因此我们需要在 CDN 上设置一下缓存减少回源次数。
1添加缓存过期时间规则
假设我们希望 CDN 节点能够对网站根目录下的所有内容都缓存 1 天那么我们需要在 CDN 加速域名的缓存管理页添加对应的配置 本来操作到这里的时候我就以为缓存设置好了但网站运行了一段时间后观察 CDN 的监控却发现缓存命中率一直很低。通过观察浏览器控制台里的网络请求日志逐个请求头进行分析最终发现了一点异常源站将 Cache-Control 响应头设置为了 publicmax-age0 。
2 修复 Cache-Control 响应头
仔细查看了 MDN 上对于 Cache-Control 响应头的文档[2]以及阿里云 CDN 对于缓存过期时间配置的介绍[3] 后确认了之前的 CDN 缓存配置存在缺陷。典型的不看文档吃大亏
定位好问题以后解决思路也很清晰了想办法删掉源站的 Cache-Control 响应头就好了。
方案一修改源站 HTTP 服务器返回的 Cache-Control 响应头
既然源站的 HTTP 服务器将 Cache-Control 响应头设置成了 max-age0 那我们把源站的 HTTP 服务器改一下不就好了。
但考虑到我们部署在函数计算上的静态网站是由 website-fc 插件生成的 Express 服务器进行托管的如果修改的话需要从本地的 website-fc 插件源码入手进行调整但 website-fc 插件可能不定期更新, 那我们就需要不定期的进行检查视情况重新打补丁执行起来很费力。因此我们不能选用这个方案。
方案二配置 CDN删除源站 HTTP 服务器返回的 Cache-Control 响应头
再次查看文档发现阿里云 CDN 提供了 配置回源 HTTP 响应头[4]的功能其中包含了删除回源响应头的功能。因此我们可以借助这个功能让 CDN 删除掉源站返回的 Cache-Control 响应头。 配置好以后, 再次观察加速域名下网络请求的响应头发现确实没有 Cache-Controlpublicmax-age0 的响应头了。
3效果对比
由于博客站的访问量并不高效果不明显 (简直看不出来)。因此截取了另一个访问量相对较大的网站的监控截图
首先是访问量对比从监控数据来看近两天没有显著的访问量差异 然后是回源流量对比, 发现删除 Cache-Control 响应头以后回源流量显著下降 同时字节命中率与请求命中率都有显著的提升 看来我们配置的缓存确实生效了。
总结
配置好 CDN 加速域名和缓存过期时间规则以后记得检查源站的响应头。如果源站的响应中已有缓存控制相关的响应头那么视情况在源站的 HTTP 服务器上或 CDN 上进行调整。
另外多看看文档。
参考链接
[1] 博客站
Post | 欢迎来到 DevDengChao 的博客
[2] MDN 上对于 Cache-Control 响应头的文档
Cache-Control - HTTP | MDN
[3] 阿里云 CDN 对于缓存过期时间配置的介绍
配置缓存过期时间 - CDN - 阿里云
[4] 配置回源 HTTP 响应头
配置回源HTTP响应头 - CDN - 阿里云
[5] 阿里云 函数计算
函数计算 - 帮助中心 - 阿里云
[6] 阿里云 CDN
什么是阿里云CDN - CDN - 阿里云
[7] 加速原理
什么是阿里云CDN - CDN - 阿里云
[8] 配置回源 HTTP 响应头
配置回源HTTP响应头 - CDN - 阿里云
[9] 什么是缓存
什么是缓存 - CDN - 阿里云
[10] 配置缓存过期时间
配置缓存过期时间 - CDN - 阿里云
[11] 缓存规则与优先级
配置缓存过期时间 - CDN - 阿里云
[12] 什么是 Cache Control 响应头
Cache-Control - HTTP | MDN
原文链接
本文为阿里云原创内容未经允许不得转载。
