你还没点那个链接,页面就已经在后台开始加载了。ForesightJS 做的就是这件事:监听光标移动、键盘导航和滚动操作,在用户实际点击之前提前触发资源加载。

它的思路不复杂。当检测到用户将要访问某个链接时,通过回调函数初始化对应的页面或数据资源加载,等真正点下去,等待时间就被压缩掉了。缩短页面加载时间,靠的是把加载动作往前挪。

监听方式不止鼠标一种:

  • 鼠标移动
  • Tab 键导航
  • 页面滚动
  • 触屏操作

多模式覆盖的意义在于,不管用户是拿鼠标晃、用键盘 Tab 跳,还是在手机上滑,这套提前加载都能在对应场景里起作用。

框架集成方面,ForesightJS 提供了对 React、Vue、Angular 和 Astro 的官方集成,可以直接嵌进现有的现代 Web 开发环境,不用为框架适配另起一套。

这是一个开源前端库,用 TypeScript 写就,定位在性能优化这一层。它不改变页面本身的结构,只是在用户意图和实际点击之间,抢出那一点加载时间。