1 基本概念
1.1 定义
离线缓存是指在设备或应用程序暂时无法访问网络时，预先将部分内容保存到本地，以便后续在断网或网络质量较差的情况下继续读取、展示或使用的一种技术方案。其缓存对象既可以是网页静态资源，也可以是结构化数据、用户操作记录或媒体文件。
1.2 核心目标
离线缓存的核心目标主要包括三方面：一是提高可用性，使应用在网络受限时仍能维持基本功能；二是提升响应速度，减少重复请求带来的等待时间；三是改善用户体验，降低因网络波动造成的中断感。
1.3 适用场景
离线缓存常用于对连续访问要求较高的产品或功能中，例如资讯阅读、地图浏览、文档编辑、音视频播放与日常工具类应用。对于需要频繁切换网络环境的用户，它往往能明显提升使用稳定性。
1.3.1 弱网环境
在信号不稳定、带宽较低或延迟较高的环境中，离线缓存可以优先读取本地数据，避免因反复等待而影响操作。
1.3.2 无网络环境
在完全断网的条件下，缓存内容能够支撑部分页面浏览、离线编辑或本地播放，使应用具备基础可用能力。
1.3.3 高延迟访问场景
即便网络并未中断，当请求往返时间较长时，缓存也能减少实时访问压力，让内容更快呈现。
1.4 相关术语
1.4.1 缓存
缓存是指临时保存经常访问的数据或资源，以便后续快速读取的机制。它既可存在于内存中，也可保存在磁盘上。
1.4.2 本地存储
本地存储是将数据保存在终端设备上的方式，通常具有较强的持久性，适合存放离线所需内容。
1.4.3 数据同步
数据同步是指将本地保存的数据与远端服务器保持一致的过程，通常在联网后执行，用于更新、补传或校验内容。
2 工作原理
2.1 数据预取
离线缓存通常先根据访问规律或业务需求提前抓取相关内容，例如首页资源、常用页面或近期浏览数据，为离线使用做好准备。
2.2 本地持久化
预取到的内容会写入本地存储介质中，形成可跨会话保留的数据副本。不同类型的数据会采用不同的保存结构，以适应后续检索与更新。
2.3 读取与回退机制
当应用发起请求时，系统通常先判断本地是否已有可用缓存。若存在匹配内容，则优先读取本地数据；若无命中，则回退到网络请求。部分场景还会采用“先显示缓存、再异步更新”的方式。
2.4 联网后的更新流程
设备恢复联网后，缓存系统会检查本地内容是否过期，并根据更新策略决定是补充差异数据还是重新拉取完整内容。
2.4.1 增量更新
增量更新只获取变化部分，例如新增记录、修改字段或局部资源，从而减少带宽消耗和更新时间。
2.4.2 全量刷新
当缓存结构变化较大、版本不兼容或差异计算成本过高时，系统会直接重新获取完整数据集。
2.4.3 冲突处理
如果离线期间本地数据与服务器数据发生分歧，系统需要按照预定规则判断保留哪一方，或将两者合并后再提交。
3 实现方式
3.1 浏览器离线缓存
在网页场景中，离线缓存通常依赖浏览器提供的相关能力，将页面资源、接口结果或结构化数据保存在客户端。
3.1.1 Service Worker
Service Worker 是运行在浏览器后台的脚本，可拦截网络请求、控制资源缓存，并在离线时返回本地内容，是现代网页离线能力的重要基础。
3.1.2 Cache Storage
Cache Storage 用于存放请求与响应对，适合缓存 HTML、CSS、脚本、图片等资源，便于后续快速命中。
3.1.3 IndexedDB
IndexedDB 是浏览器中的结构化数据库，常用于保存较复杂的数据集，如列表内容、表单草稿或离线任务记录。
3.2 移动端离线缓存
移动应用通常可直接访问文件系统或本地数据库，因此在离线缓存实现上更具灵活性，也更适合保存较大体量的数据。
3.2.1 文件缓存
文件缓存通常用于保存图片、音频、视频片段或文档附件，以便重复打开时减少重新下载。
3.2.2 数据库缓存
数据库缓存适合存储结构化信息，如消息列表、联系人摘要、离线表单和业务状态等。
3.2.3 资源包缓存
资源包缓存会将一组相关资源打包下载到本地，例如界面模板、主题文件或地图瓦片，以支持整组离线使用。
3.3 服务端辅助缓存
在一些架构中，离线体验不仅依赖终端本地缓存，也依赖服务端提前生成或分发可缓存内容，从而降低客户端首次加载成本。
3.3.1 内容分发
内容分发会将资源部署到更接近用户的节点，缩短获取路径，并提高缓存命中率。
3.3.2 预生成页面
预生成页面会提前把动态页面转成可直接分发的静态结果，便于客户端快速读取与缓存。
3.3.3 接口数据缓存
接口数据缓存是将常用接口响应在服务端或中间层保留一段时间，以减少重复计算和访问压力。
4 缓存策略
4.1 先缓存后联网
这种策略会先展示本地缓存，再发起联网请求更新数据，适合对首屏速度要求较高的场景。
4.2 先联网后缓存
该策略先获取最新内容，再将结果存入本地，适用于对数据准确性要求更高的业务。
4.3 过期优先策略
当缓存超过设定时限时，系统会优先触发更新；若网络不可用，则可暂时返回过期内容作为降级展示。
4.4 按需缓存
按需缓存只保存用户实际访问过的内容，能够节省空间，适合内容范围较大但访问分散的应用。
4.5 预加载策略
预加载策略会基于一定规则提前下载可能会用到的资源，以减少用户后续操作的等待时间。
4.5.1 热点内容预取
热点内容预取通常针对访问量较高的页面、频道或文件，优先缓存高频资源。
4.5.2 用户行为预测
系统可根据历史浏览、点击或停留行为推测下一步需求，并提前准备相关内容。
4.5.3 区域性资源预装
区域性资源预装会针对某一地理区域或使用场景提前缓存对应内容，例如本地地图、常用站点或区域服务信息。
5 数据管理
5.1 缓存分类
从管理角度看，离线缓存通常可分为静态资源、动态数据和用户状态三类，不同类别对应不同的更新与清理方式。
5.1.1 静态资源缓存
静态资源缓存主要包含样式表、脚本、图片、字体等内容，变化频率较低，适合长期保存。
5.1.2 动态数据缓存
动态数据缓存指接口返回的列表、详情页信息或实时状态，通常需要较明确的过期与刷新规则。
5.1.3 用户状态缓存
用户状态缓存用于保存登录态、阅读进度、表单草稿或偏好设置，便于跨会话恢复使用体验。
5.2 缓存有效期
缓存有效期用于规定内容可被认为“可用”的时间范围。有效期过短会增加更新频率，过长则可能导致数据陈旧，因此通常需要结合业务敏感度设置。
5.3 版本控制
版本控制用于区分不同缓存批次，避免新旧资源混用。常见做法包括在文件名、清单文件或数据库结构中加入版本标识。
5.4 空间清理
随着缓存积累，本地存储空间会逐渐被占用，因此需要定期清理无效、过期或低优先级内容。
5.4.1 LRU淘汰
LRU淘汰会优先删除最近最少使用的数据，适合访问模式相对稳定的场景。
5.4.2 手动清除
手动清除允许用户或运维策略直接移除缓存，常用于释放空间或排查异常。
5.4.3 自动回收
自动回收会在达到空间阈值时自动删除部分内容，以维持系统运行稳定。
6 一致性与同步
6.1 离线写入
离线写入是指用户在断网时仍可进行编辑、标注、记录等操作，数据先暂存在本地，待恢复连接后再统一处理。
6.2 联网同步
联网同步会把本地新增或修改内容上传到服务器，同时拉取远端更新，尽量让两端状态趋于一致。
6.3 冲突检测
当本地与服务器在同一数据项上出现不同修改结果时，系统需要识别冲突，并记录差异来源与发生时间。
6.4 冲突解决
冲突解决用于确定最终采用哪份数据，或如何组织多份修改结果，以保证内容可用且尽量减少信息丢失。
6.4.1 时间戳优先
时间戳优先是根据最近修改时间判断版本归属，适合结构简单、冲突代价较低的场景。
6.4.2 服务器优先
服务器优先表示以远端数据为准，用于强调统一性和中心化管理的系统。
6.4.3 用户确认合并
用户确认合并会将冲突内容交由用户选择或手动编辑，适用于需要保留细节且修改较重要的场景。
7 性能与体验
7.1 加载速度优化
缓存可以显著减少重复请求次数，从而缩短加载链路，尤其在资源体积较大或页面层级较深时更为明显。
7.2 首屏渲染优化
通过优先返回本地资源，应用可更快完成首屏展示，让用户先看到基础界面，再逐步补齐后续内容。
7.3 交互连续性
在网络波动期间，离线缓存能够维持部分操作连续进行，减少卡顿、空白页或频繁重试带来的中断感。
7.4 网络切换体验
当用户在 Wi-Fi、蜂窝网络与离线状态之间切换时，良好的缓存机制可以平滑过渡，避免界面频繁失效或内容闪烁。
7.5 降级展示
当可用数据不足或网络不可达时，系统通常会提供替代性展示方式，保证页面不至于完全空白。
7.5.1 占位内容
占位内容用于在真实数据加载前填充界面结构，维持布局稳定。
7.5.2 错误提示
错误提示会说明当前内容无法刷新或加载失败，帮助用户理解状态并采取后续操作。
7.5.3 低清模式
低清模式会在资源受限时提供压缩版图片、简化界面或低码率媒体，以降低加载成本。
8 安全与隐私
8.1 本地数据安全
离线缓存保存在终端本地，若缺乏保护措施，可能面临被他人直接读取或被恶意程序访问的风险，因此需要控制存储范围与访问权限。
8.2 敏感信息处理
密码、支付凭据、身份标识等敏感信息通常不宜直接缓存；即便必须保存，也应尽量缩小范围并缩短保存时间。
8.3 权限控制
应用应根据不同数据类型设置访问边界，避免无关模块读取缓存内容，减少越权使用的可能。
8.4 数据加密
对本地缓存进行加密可以提高泄露门槛，尤其适用于包含个人信息、业务记录或私密内容的场景。
8.5 隐私保护原则
离线缓存应遵循最小必要、目的限定和可控删除等原则，在提升体验的同时尽量减少对用户隐私的影响。
9 常见问题
9.1 缓存未命中
缓存未命中通常是因为内容未预取、版本不匹配、路径变化或清理策略过于激进，系统此时会回退到网络请求。
9.2 数据过期
数据过期后，用户看到的可能是旧内容。此类问题通常通过更新策略、有效期管理和后台刷新来缓解。
9.3 同步失败
同步失败可能由网络中断、权限不足、接口异常或冲突未解决引起，常需要重试机制与日志记录辅助处理。
9.4 存储空间不足
当本地空间不足时，缓存写入可能失败。常见处理方式包括压缩资源、减少预取量或执行清理回收。
9.5 多端不一致
同一账户在不同设备上操作时，若同步延迟或规则不同，可能出现内容不一致。通常需要统一同步时机并完善冲突处理。
10 典型应用
10.1 新闻与资讯应用
新闻类产品常缓存首页栏目、文章正文与配图，使用户在网络不佳时仍可继续浏览已加载内容。
10.2 在线文档与笔记
在线文档和笔记工具常保存离线草稿、最近打开文件和编辑历史，方便用户在断网状态下继续记录。
10.3 地图与导航
地图与导航场景通常会缓存常用区域的底图、路线数据和兴趣点信息，以支持离线查看与基础导航。
10.4 音视频播放
音视频应用常通过预下载、分片缓存或本地媒体文件保存来降低播放卡顿，并支持离线观看或收听。
10.5 工具类应用
工具类应用对离线可用性的需求往往体现在重复使用率高、单次操作短、数据体量适中的功能中。
10.5.1 翻译工具
翻译工具可缓存常见词库、历史查询和离线语言包，以便在无网络时提供基础翻译能力。
10.5.2 任务管理
任务管理应用通常保存待办列表、提醒信息与完成状态，使用户即使离线也能记录和查看任务。
10.5.3 电子书阅读
电子书阅读器常将书籍章节、阅读进度和笔记保存在本地，便于持续阅读与同步标注。