用途:当页面加载缓慢、静态资源体积大或出现渲染延迟,且怀疑与浏览器缓存未生效有关时,用该检查项进行审计。它关注重复访问时能否命中浏览器缓存,从而减少冗余下载、提升回访速度。
主要能力:检查静态资源是否正确设置了缓存响应头;给出修复方向,即为不同类型资源配置合适的 Cache-Control 与 ETag 头;并能解释浏览器缓存如何减少服务器请求、改善重复访问性能。
要点(资料给出的快速参考):对带哈希指纹的资源使用 immutable 与一年 max-age;HTML 页面使用较短缓存并配合重新验证;ETag 支持高效的缓存校验;stale-while-revalidate 可改善感知性能。
使用方式:先在 DevTools、Lighthouse 等工具中确认真正的瓶颈,再审查影响缓存的路由、资源与加载行为,定位增加多余网络、CPU 或布局成本的具体文件、请求或渲染步骤,并说明确认问题所用的测量方法。更多实现细节、代码示例与框架相关指导见 references/rule.md,规则页为 https://frontendchecklist.io/rules/performance/browser-caching。
适用场景:前端性能审计、回访加载优化、缓存头配置评审。
限制:资料未提供具体的缓存头示例值、各框架配置写法或量化效果数据,暂未提供。