介绍
Prefetch SDK 是一个通用的预请求解决方案,支持跨项目公用。它可以帮助你:
- 在 JS 加载前就开始请求关键数据
- 预热数据到 SWR 缓存
- 使用灵活的缓存策略
- 统一管理多个预请求
为什么需要预请求?
现代 Web 应用通常需要等待 JS bundle 加载完成后才能发起数据请求,这会导致:
HTML 下载 → JS 下载 → JS 执行 → 数据请求 → 渲染通过预请求,可以优化为:
HTML 下载 → 数据请求(并行)
→ JS 下载 → JS 执行 → 直接使用数据 → 渲染包结构
| 包名 | 描述 |
|---|---|
@prefetch-sdk/core | 核心工具包 - 请求池、缓存策略、工具函数 |
@prefetch-sdk/html-script | HTML 内联脚本 - 在 JS 加载前提前发起请求 |
@prefetch-sdk/swr | SWR 集成 - 预热/预加载到 SWR 缓存 |
适用场景
- 首屏关键数据:用户信息、权限配置、首屏列表数据等
- 预测性加载:根据用户行为预测可能需要的数据
- 路由预加载:切换路由前预加载目标页面数据