固定资源路径,可重复测试缓存命中

页面中的 CSS、JS、图片均使用固定文件路径和版本化文件名。 不使用随机参数、不调用接口、不加载第三方动态资源,适合进行 CDN 静态加速测试。

  • 固定图片资源:/assets/img/hero.svg
  • 固定样式资源:/assets/css/main.20260601.css
  • 固定脚本资源:/assets/js/main.20260601.js
  • 适合观察 CDN Cache HIT / MISS
CDN 静态图片测试资源
静态横幅图片

图片资源测试

图片资源应由 CDN 节点缓存。建议使用固定文件名或带 hash 的文件名, 不建议使用随机 query 参数。

静态卡片图片

CSS / JS 资源测试

CSS 与 JS 作为独立静态文件加载,方便在浏览器 Network 面板中观察缓存状态、 资源大小、响应头与加载耗时。

STATIC

纯静态内容测试

本页面不依赖服务端渲染结果、不依赖接口数据,适合测试 CDN 对纯静态站点的分发能力。

推荐测试方式

第一次访问通常会触发 CDN 回源,后续访问应命中 CDN 缓存。 可通过浏览器 DevTools、curl 响应头、CDN 控制台日志查看缓存状态。

curl -I https://你的CDN域名/index.html
curl -I https://你的CDN域名/assets/css/main.20260601.css
curl -I https://你的CDN域名/assets/js/main.20260601.js
curl -I https://你的CDN域名/assets/img/hero.svg