关于 Instant.Page
Instant.Page 是一个用于站内网页预加载,从而实现加快网页打开速度的 JS 脚本。该脚本由法国开发者 Alexandre Dieulot 贡献。该脚本支持 PC 端 和手机端同时生效。
- 当用户访问 PC 页面时,如果用户将光标悬停在链接上达到65毫秒时,该用户即有1/2的概率会点击并访问该链接,此时 Instant.Page 脚本开始预加载该网页,提前了大约平均300毫秒的时间开始加载网页,从而实现视觉上的网页秒开。
- 当用户访问手机页面时,如果用户手指点击了一个链接但是尚未松开时, Instant.Page 脚本开始预加载网页,提前了大约平均90毫秒加载。
- Instant.Page 是渐进式增强 - 对不支持它的浏览器没有影响。
- Instant.Page 只预加载站内链接,不会加载站外链接。
- Instant.Page 只会预加载 html 页面,而不会加载图片等资源。
- 使用 Instant.Page 会显著增加自己的网站的 PV 以及请求量,如果贵站使的 CDN 需要按请求数量计费,请谨慎使用。(腾讯云CDN,又拍云,百度云加速,兔子CDN,七牛云 不收取请求费,可放心使用。)
Instant.Page 使用方法
无论使用下方何种调用方法,都只要把这行代码添加到网站的 </body> 标签之前即可,非常简单。

使用官方网站托管代码
<script src="//instant.page/5.1.0" type="module" integrity="sha384-by67kQnR+pyfy8yWP4kPO12fHKRLHZPfEsiSXR8u2IKcTdxD805MGUXBzVPnkLHw"></script>
使用本地自托管
您可以下载官方提供的 JS 脚本文件,并上传自自己的服务器或 COS 上,并在自己的网站上添加代码。
使用 WordPress 插件
WordPress 插件下载地址:https://wordpress.org/plugins/instant-page
使用 JSDelivr托管
由于 JSDelivr 在国内有 ICP 备案,也有 CDN 服务,所以国内用户推荐使用 JSDelivr 托管服务,打开速度有保证。
<script src="https://cdn.jsdelivr.net/npm/instant[email protected]/instantpage.min.js" type="module"></script>