北京
分享至
你还没点那个链接，页面就已经在后台开始加载了。ForesightJS 做的就是这件事：监听光标移动、键盘导航和滚动操作，在用户实际点击之前提前触发资源加载。
它的思路不复杂。当检测到用户将要访问某个链接时，通过回调函数初始化对应的页面或数据资源加载，等真正点下去，等待时间就被压缩掉了。缩短页面加载时间，靠的是把加载动作往前挪。
监听方式不止鼠标一种：
- 鼠标移动
- Tab 键导航
- 页面滚动
- 触屏操作
多模式覆盖的意义在于，不管用户是拿鼠标晃、用键盘 Tab 跳，还是在手机上滑，这套提前加载都能在对应场景里起作用。
框架集成方面，ForesightJS 提供了对 React、Vue、Angular 和 Astro 的官方集成，可以直接嵌进现有的现代 Web 开发环境，不用为框架适配另起一套。
这是一个开源前端库，用 TypeScript 写就，定位在性能优化这一层。它不改变页面本身的结构，只是在用户意图和实际点击之间，抢出那一点加载时间。
特别声明：以上内容(如有图片或视频亦包括在内)为自媒体平台“网易号”用户上传并发布，本平台仅提供信息存储服务。
Notice: The content above (including the pictures and videos if any) is uploaded and posted by a user of NetEase Hao, which is a social media platform and only provides information storage services.
