1. 静态资源本地存储
- Chrome首次访问网页时→自动下载图片、CSS和JS文件到本地缓存→再次访问相同页面→直接从缓存读取资源→跳过网络请求（如减少服务器压力）。
- 通过访问网站源码→查看img标签的`src`属性→对比缓存路径→确认资源复用（需保持文件未修改）。
2. HTTP缓存头精准控制
- 服务器返回`Cache-Control: max-age=3600`→指示浏览器缓存1小时→有效期内无需重复下载（如CSS样式表每日仅更新一次）。
- 通过开发者工具查看`Response Headers`→检查`Expires`字段→计算缓存失效时间→合理安排版本更新（需保持头部配置正确）。
3. 分块缓存优化大文件
- Chrome将大文件（如视频、ZIP包）分割为小块→独立缓存每部分→修改时仅重新下载变更块→提升更新效率（如10MB文件分成10个1MB块）。
- 通过命令行添加参数`--disable-split-caches`→强制合并缓存→对比加载速度差异→验证分块优势（需重启浏览器测试）。
4. 预加载核心资源
- Chrome解析HTML时→识别link rel="preload"标签→提前加载指定JS和CSS→减少关键渲染路径时间（如电商网站优先加载付款脚本）。
- 通过访问网站源码→插入link rel="preload" href="main.js"→刷新页面→查看Network面板→确认资源提前请求（需保持代码位置合理）。
5. Service Worker离线缓存
- 安装支持PWA的网站→Service Worker注册缓存规则→存储关键页面到IndexedDB→网络中断时仍可访问（如新闻网站离线阅读）。
- 通过访问网站设置页→启用“添加到主屏幕”→生成本地缓存→删除网络连接→验证页面可用性（需保持缓存未过期）。
