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. 下行限速配置: 看情况。
相关文章
|
Web App开发 缓存 JavaScript
手把手教你 WordPress 使用阿里云 CDN 教程,让你的网站飞起来
优化 WordPress 访问速度详细攻略,手把手教你优化过程
8986 0
手把手教你 WordPress 使用阿里云 CDN 教程,让你的网站飞起来
|
域名解析 网络协议 Shell
纯ipv6服务器+CDN搭建同时支持ipv4和ipv6的网站
纯ipv6服务器+CDN搭建同时支持ipv4和ipv6的网站
7710 0
|
数据采集 分布式计算 前端开发
设置CDN防盗链规则来避免网站被恶意刷量
设置CDN防盗链规则来避免网站被恶意刷量
1851 1
|
数据采集 缓存 搜索推荐
网站使用CDN对SEO有什么影响?
一个CDN的名称是内容传送网。目前流行的CDN理解是网站加速,CPU均衡负载,解决了跨运营商、跨地区服务器负载能力差以及低带宽导致的网站启动缓慢的问题。其基本思想是避免网络中的瓶颈与连接,避免网络中可能影响数据传输速度和稳定性的瓶颈与连接,使内容传输快速稳定。通过在网络中放置节点服务器,CDN系统在现有因特网的基础上形成一个智能虚拟网络,能够根据网络流量、各节点的连接、负载情况、与用户的距离和响应时间等因素,将用户的请求实时地重定向到最近的服务节点。目标是使用户能够就近获取所需内容,解决网络拥挤问题,提高用户对网站访问的响应速度。
216 0
网站使用CDN对SEO有什么影响?
|
边缘计算 缓存 网络协议
|
JavaScript 前端开发 CDN
重读vue电商网站49之第三方库使用CDN
重读vue电商网站49之第三方库使用CDN
197 0
重读vue电商网站49之第三方库使用CDN
|
域名解析 缓存 监控
如何使用阿里云 CDN 对部署在函数计算上的静态网站进行缓存
如何使用 CDN 对部署在函数计算上的静态网站进行缓存?