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 状态码,说明缓存机制正在工作!