关于 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/[email protected]/instantpage.min.js" type="module"></script>