Hugo 网站优化(2): 使用 CDN 加速网站

简介: 配置缓存策略, 使用 CDN 加速网站

Hugo 网站优化(2): 使用腾讯云 CDN 加速网站

大家好,我是老麦。 为了把白嫖进行到底, 今天我们来好好配置一下 CDN 的缓存策略

image.png

通过 Hugo 编译成为静态文件之后, 使用 github page 发布。

网站虽然发布了, 但是资源还在 github.io 上,在国内访问还是很慢, 需要 CDN 加速访问。

兜兜转转调研了一圈, 发现还是 腾讯云 CDN 对小破站比较友好。

  1. 每月有 10GB 的 CDN 流量。
  2. 虽然 2023年1月 开始, https 请求按次数收费了, 但好歹还给了 300 万次/月 的免费额度。

够小破站用了。

腾讯云 CDN 配置

配置主要分为以下一部分

  1. 缓存 最主要的。
  2. 访问控制 防止被盗链。
  3. https 现在网站都要有。

缓存配置

完成缓存配置后, 一共有三个地方会保存网站资源。

源站 -> CDN节点 -> 浏览器

网站模版确定后, 使用的静态资源也就确定了。

DNS节点缓存

image.png

  1. 对于这部分静态资源, 可以把缓存时间配置长一点, 避免频繁回源。

    1. 图片文件。
    2. 字体文件。
    3. css/js 文件。
  2. 对于网站正文内容, 都被编译成了 /2022/12/12/my-post/index.html , 但是在访问的时候, 只会访问地址 /2022/12/12/my-post/ 。 另外时间越长的文章变更几率也就越小, 最终决定按照时间区分。

    1. 对于全站, 缓存 30 天。
    2. 对于当年的内容, 使用默认的缓存策略, Last-Modified 时间越长, 缓存越久 。
    3. 对于首页, 使用默认缓存策略。 混存 10 分钟甚至更短。

image.png

浏览器缓存

对于浏览器缓存, 缓存策略和规则和CDN节点一样的。 但所需要设置 缓存时间应该跟短

  1. 时间太短, 用户 频繁 从 CDN 上获取数据, 浪费流量。
  2. 时间太长, 用户无法取得最新数据。

image.png

  1. 静态数据缓存 30 天。
  2. 正文内容, 使用默认缓存策略, 缓存10分钟或者不缓存。

HTTPS 配置

  1. 域名证书: 直接在腾讯云上申请免费的就行。
  2. 强制跳转http->https 这个必须要开, 反正 https 请求是免费的。
  3. TLS版本: 一般来说 不开 TLS 1.0, 这个有安全漏洞。

高级配置

  1. 智能压缩: 一定要开启, 这个减少 CDN 流量。

访问控制

  1. 防盗链配置: 是否看起看情况。 要开的话, 一定要把搜索引擎的域名加上去, 否则从搜索过来的请求无法打开页面
  2. IP访问限频配置: 看情况。
  3. 下行限速配置: 看情况。
相关实践学习
Serverless极速搭建Hexo博客
本场景介绍如何使用阿里云函数计算服务命令行工具快速搭建一个Hexo博客。
相关文章
|
2月前
|
缓存 前端开发 JavaScript
阿里云CDN:怎么让网站变快
阿里云CDN:怎么让网站变快
|
2月前
|
网络协议 CDN
阿里云国际版CDN加速,如何判断网站IP已加速?
阿里云国际版CDN加速,如何判断网站IP已加速?
|
2月前
|
存储 网络协议 安全
阿里云国际CDN加速图文和视频类网站操作教程
阿里云国际CDN加速图文和视频类网站操作教程
|
2月前
|
缓存 网络安全 数据安全/隐私保护
使用阿里云国际CDN加速后网站无法访问的排查步骤
使用阿里云国际CDN加速后网站无法访问的排查步骤
|
5月前
|
缓存 监控 前端开发
利用CDN提升网站性能的技术探索
【7月更文挑战第8天】CDN作为提升网站性能的重要工具,已经广泛应用于各类网站中。通过减少延迟、加速静态资源加载、提高网站可用性和优化带宽成本等方面,CDN为网站运营者提供了全面的性能优化方案。然而,要充分利用CDN的优势,还需要合理选择CDN提供商、正确配置CDN服务以及持续优化网站内容。只有这样,才能真正实现网站性能的提升和用户体验的优化。
|
6月前
|
JavaScript 开发工具 git
大事件项目64----打包发布_cdn地址引入,免费cdn的网站
大事件项目64----打包发布_cdn地址引入,免费cdn的网站
|
7月前
|
缓存 监控 UED
CDN(内容分发网络):加速网站加载与优化用户体验
CDN(内容分发网络):加速网站加载与优化用户体验
|
7月前
|
域名解析 网络协议 CDN
网站接入阿里云CDN实现域名加速全流程
阿小云网站已通过ICP备案在广州节点上线,但为提升全国用户访问速度,计划接入CDN。以下是4步CDN接入教程:1) 开通阿里云CDN服务;2) 添加加速域名;3) 使用DNS解析验证域名归属权;4) 配置CNAME实现域名与CDN节点关联。详细指南见阿里云CDN官方文档。
324 2
|
7月前
|
存储 缓存 前端开发
如何使用CDN加速网站性能?
【5月更文挑战第8天】如何使用CDN加速网站性能?
414 4
|
6月前
|
域名解析 网络协议 CDN
网站接入CDN全流程,共4步!
阿小云网站已通过ICP备案,但因广州节点导致全国访问速度不佳,计划接入CDN以提升速度。以下是接入阿里云CDN的四步流程:1) 开通CDN服务;2) 添加加速域名;3) 验证域名归属权;4) 配置CNAME解析。详细指南见阿里云CDN页面:
603 0