Welcome to CDN Demo

A simple static webpage deployed on Cloudflare Pages

About This Project

This is a simple, modern static webpage designed to be deployed on Cloudflare Pages. It features a clean, responsive design that works on all devices.

🚀 Fast

Leveraging Cloudflare's global CDN for lightning-fast load times

📱 Responsive

Beautiful design that adapts to any screen size

✨ Modern

Built with modern web standards and best practices

🌍 CDN 演示 - 理解内容分发网络

📍 你的 CDN 信息

点击按钮查看 CDN 节点信息

⏱️ 页面加载性能

页面加载时间: 计算中...

资源数量: -

💡 什么是 CDN?

CDN (Content Delivery Network) 内容分发网络,就像全球分布的"快递仓库":

  • 传统方式:所有用户从一个服务器获取内容,距离远会很慢
  • CDN 方式:在全球各地建立节点,用户从最近的节点获取,速度更快

💡 打开浏览器开发者工具(F12)→ Network 标签,可以看到所有资源都通过 CDN 加载!

🔍 HTTP 304 Not Modified - 缓存机制

304 是服务器返回的状态码,表示资源未修改,客户端可以使用缓存版本。

工作原理:

  • 首次请求:服务器返回 200 OK + 完整文件内容
  • 再次请求:客户端发送缓存验证头(ETag/Last-Modified)
  • 服务器检查:如果资源未修改 → 返回 304(只返回响应头,不返回文件内容)
  • 客户端:使用本地缓存,节省带宽和时间

好处:304 确实减少了传输开销!只传输响应头(~500 字节),而不是整个文件(可能几 KB 到几 MB),节省 90%+ 的带宽。

💡 在 Network 标签中,刷新页面时看到 304 状态码,说明缓存机制正在工作!