CF 设置缓存,来加速你的博客网站

Cloudflare CDN核心功能:资源缓存🚀🚀🚀

Cloudflare 是一种流行的内容分发网络(CDN),它在全球拥有大量的边缘服务器,可以帮助网站加速访问,提升安全性。本文将介绍 Cloudflare CDN 的核心功能之一:资源缓存,并详细说明如何进行配置。

5f3b880f2342b126ef9a7

什么是资源缓存?

资源缓存是指将网站的静态资源(如图片、CSS、JavaScript 文件等)存储在 CDN 的边缘服务器上。当用户访问网站时,CDN 会从离用户最近的服务器提供资源,而不是从网站的原始服务器请求。这种方式可以大大减少加载时间,减轻原服务器的负担,同时提升用户的访问体验。

1.我们在不使用CDN时,网络链路应该是这样的。
用户浏览器 –链接– 源站服务器 –返回– 用户浏览器

https://im.kandy.dpdns.org/file/76ad1d165e18925cb63d9.png

2.使用CDN不缓存时的网络链路
用户浏览器 –链接– CDN边缘节点 –链接– 源站服务器 –返回– CDN边缘节点 –返回– 用户浏览器
所以CDN不缓存时,网站是否加速取决于您的源站线路有多差劲。

https://im.kandy.dpdns.org/file/7a322efaab7aa457c716a.png

3.使用CDN缓存时的网络链路

  • 第一次访问:用户浏览器 –链接– CDN边缘节点 –链接– 源站服务器 –返回– CDN边缘节点(此时会缓存资源到节点) –返回– 用户浏览器

https://im.kandy.dpdns.org/file/ac85abf125a8d44fd12de.png

  • 第二次访问:用户浏览器 –链接– CDN边缘节点(输出缓存) –返回– 用户浏览器
    可以看到缓存后因为不必回源,因此用户请求CDN节点后,直接返回了网页,这样减少了回源的这段时间。

https://im.kandy.dpdns.org/file/ab51f82362391698a8845.png

Cloudflare 资源缓存的工作原理

  1. 首次访问和缓存填充

    • 当用户第一次访问你的网站时,Cloudflare 的边缘服务器会向你的源服务器请求资源。此时,这些资源会被缓存到 Cloudflare 的服务器中。下一次有用户访问相同的资源时,Cloudflare 就会直接从缓存中提供数据,而不是再次请求源服务器。
  2. 缓存过期与刷新

    • 每个缓存的资源都有一个过期时间(TTL,Time To Live),当资源的 TTL 到期后,Cloudflare 会向源服务器重新请求数据并更新缓存。此外,您还可以手动刷新缓存,确保用户始终获取最新的资源。
  3. 缓存级别设置

    • Cloudflare 允许您设置不同的缓存级别,例如标准缓存、无缓存或自定义缓存。您可以根据网站的需求调整这些设置,以确保最佳的性能和准确性。

如何配置 Cloudflare 的缓存功能

自动缓存

默认情况下,Cloudflare 会自动缓存常见的静态文件类型,如图片、CSS、JavaScript 等,CloudFlare默认会缓存2小时以下资源,因此这些资源并不需要手动配置缓存。
.7z .csv .GIF .MIDI .PNG .TIF .ZIP
.AVI .DOC .GZ .MKV .PPT .TIFF .ZST
.AVIF .DOCX .ICO .MP3 .PPTX .TTF
.APK .DMG .ISO .MP4 .PS .WEBM
.BIN .EJS .JAR .OGG .RAR .WEBP
.BMP .EOT .JPG .OTF .SVG .WOFF
.BZ2 .EPS .JPEG .PDF .SVGZ .WOFF2
.CLASS .EXE .JS .PICT .SWF .XLS
.CSS .FLAC .MID .PLS .TAR.XLSX

自定义缓存规则

如果你有特定的资源需要自定义缓存策略,可以使用页面规则功能。以下是设置自定义缓存规则的步骤:

  1. 在 Cloudflare 仪表板中选择你的网站域名。
  2. 点击左侧菜单中的“缓存-Cache Rules”选项。
  3. 点击“创建规则”按钮。

你可以为不同的 URL 路径创建多个页面规则,以满足不同资源的缓存需求。

缓存首页以及html页面

0cf99b4b78f86de89bd04

制定域名全站缓存(适合图床)

f51026d4cc4f61eee9a79

设置缓存时间

建议:
浏览器TTL不要设置太长时间,否则网站更新后浏览器缓存更新不及时会带来很多问题。
边缘TTL可随意设置,如果设置的时间比较长,别忘记到cf控制台清理缓存。

826bae7cc1876a051604d

缓存清除

当你更新了网站内容,需要让用户立即看到最新的更改时,可以使用 Cloudflare 的缓存清除功能。以下是清除缓存的步骤:

  1. 在 Cloudflare 仪表板中选择你的网站域名。
  2. 点击左侧菜单中的“缓存”选项。
  3. 在“概览”标签页下,点击“清除缓存”按钮。
  4. 选择“清除所有内容”或“自定义清除”,然后输入你想要清除的 URL。
  5. 点击“清除”按钮。

fec12cc4b0061be72b026

选择性清除可以帮助你只刷新更新的资源,而不会影响到其他已缓存的内容。

检查资源是否命中缓存

可以访问指定页面-右键-审核元素,打开调试控制台。HIT状态为缓存命中。

59421c39feef603e77127

资源缓存的优势

  1. 提升网站速度

    • 资源缓存可以显著减少网站的加载时间,尤其是对于全球用户分布广泛的网站。通过在靠近用户的边缘服务器上提供资源,访问速度大大提高。
  2. 减轻源服务器负载

    • 由于大部分静态资源可以从缓存中直接提供,源服务器的负载会明显减少,从而降低服务器成本,延长服务器的寿命。
  3. 增强网站的可用性

    • 即使源服务器发生故障,Cloudflare 仍然可以通过缓存提供资源,确保网站在一定程度上保持可访问性。
  4. 降低带宽消耗

    • 通过减少向源服务器的请求次数,资源缓存也可以显著降低带宽消耗,从而降低网络成本。

结语

Cloudflare 的资源缓存功能是提升网站性能的重要工具。通过合理配置和管理缓存策略,你可以为用户提供更快、更稳定的访问体验,同时减轻服务器负载,降低运营成本。如果你还没有充分利用 Cloudflare 的缓存功能,现在就是一个很好的时机去了解并配置它。

希望这篇博客能够帮助你更好地理解 Cloudflare CDN 的资源缓存功能,进而提升你的网站性能。


如果你对 Cloudflare 的其他功能感兴趣,欢迎继续关注我们后续的内容。💡

感谢:gacjie