Skip to content

介绍

Prefetch SDK 是一个通用的预请求解决方案,支持跨项目公用。它可以帮助你:

  • 在 JS 加载前就开始请求关键数据
  • 预热数据到 SWR 缓存
  • 使用灵活的缓存策略
  • 统一管理多个预请求

为什么需要预请求?

现代 Web 应用通常需要等待 JS bundle 加载完成后才能发起数据请求,这会导致:

HTML 下载 → JS 下载 → JS 执行 → 数据请求 → 渲染

通过预请求,可以优化为:

HTML 下载 → 数据请求(并行)
         → JS 下载 → JS 执行 → 直接使用数据 → 渲染

包结构

包名描述
@prefetch-sdk/core核心工具包 - 请求池、缓存策略、工具函数
@prefetch-sdk/html-scriptHTML 内联脚本 - 在 JS 加载前提前发起请求
@prefetch-sdk/swrSWR 集成 - 预热/预加载到 SWR 缓存

适用场景

  • 首屏关键数据:用户信息、权限配置、首屏列表数据等
  • 预测性加载:根据用户行为预测可能需要的数据
  • 路由预加载:切换路由前预加载目标页面数据

基于 MIT 许可发布