1. 静态资源直接读取
首次访问网站时 → 图片、CSS、JS文件被存储到本地 → 再次访问相同页面时 → 浏览器直接从缓存加载资源（如`.png`文件） → 跳过服务器请求。此过程减少网络传输（如对比首次与二次加载时间），提升速度（尤其含大量图片的站点），但可能导致内容更新延迟（需手动清理缓存）。
2. 协商缓存判断资源有效性
浏览器发送带`If-Modified-Since`或`ETag`的请求 → 服务器返回304状态码（未修改） → 直接使用本地文件（如`.js`脚本）。此机制避免重复下载（如对比强制刷新与正常访问），节省流量（适合弱网络环境），但依赖服务器配置（需正确设置响应头）。
3. 内存缓存加速高频访问
频繁切换标签页或刷新页面 → 关键资源（如HTML骨架）暂存内存 → 再次操作时瞬时加载（如对比关闭后重新打开速度）。此方式提升实时响应（适合动态交互场景），减少硬盘读写（延长设备寿命），但占用RAM（多任务时可能卡顿）。
4. 预加载与预fetch技术应用
Chrome检测页面内链接（如a href） → 后台静默下载目标资源（如`.css`文件） → 用户点击链接时直接展示。此功能提前获取数据（如对比预加载与未预加载跳转速度），优化体验（适合多页面网站），但可能浪费带宽（需控制预取范围）。
5. 缓存优先级策略管理
常用资源（如Logo图标）长期保留 → 不常用文件（如过期活动页面）自动清理 → 根据LRU算法（最近最少使用）分配空间。此逻辑确保高频资源快速可用（如对比热门与冷门内容加载差异），平衡存储与性能（低配设备更明显），但可能误删重要文件（需合理设置缓存容量）。