最近,Chrome浏览器悄悄内置了一项全新功能:Speculation Rules API。它完全不需要依赖任何前端框架或JavaScript,你甚至无需改动现有的业务逻辑,只需在HTML里添加几行简单的声明式代码,就能明显优化页面跳转时的使用体验。
如果你也早已厌倦了页面上那些无穷无尽的Loading动画,那这个新功能确实值得你花时间了解。
Speculation Rules API的核心,是让浏览器能够提前预判用户的下一步操作。
我们熟悉的常规页面跳转流程通常是这样的:

用户点击链接 → 浏览器开始请求 → 下载资源 → 执行脚本 → 页面渲染完成
而Speculation Rules API并没有改变这个流程本身,它只是巧妙地将这条“任务链”的起点稍稍向前挪动了一点点。
当浏览器判断用户“很有可能”点击某个链接时,它不会真的等到点击事件发生,而是提前在后台默默地开始准备工作。
等到用户真正点击下去的时候,目标页面要么已经在缓存里准备就绪,要么关键流程已经在后台偷偷跑完了,从而实现近乎即时的跳转感受。
