网站加速 JS 脚本 instant.page

最近发现了一个好东西：instant.page，一个瞬间提高网站页面加载速度的JS脚本。

instant.page其实就是使用prefetch预加载技术的一个脚本，脚本会根据用户鼠标在链接上的停留时间进行判断，当达到65ms后，用户有一半的机会打开此链接，instant.page将会对此页面进行预加载。

而prefetch预加载技术就是当用户有意向访问某个页面之前，浏览器首先对此页面进行预加载，当用户真正点击链接后，会从预加载的缓存中直接读取页面内容，缩短页面的加载时间。在html5的链接标签中有一个rel属性，其中有个参数就是prefetch。

项目地址：https://github.com/instantpage/instant.page
官网：https://instant.page/

使用

1、使用官方提供的带有 Cloudflare 加速的脚本

instant.page 的使用非常简单：

<script src="//instant.page/5.1.0" type="module"></script>

只需要把这行代码添加到网站的 </body> 之前即可。

2、自托管

官方提供的在国内会有一定延迟，自托管只需将 CDN.JS 上传到自己服务器根目录，然后在 </body> 标签之前根据具体网址添加下面的代码即可。

<script src="https://xxx.xx/cdn.js" type="module"></script>

将 xxx.xx 修改为自己的域名即可。

非站长用户

可使用 FasterChrome，这是将 instant.page 制作成 Chrome 插件的版本，安装后所有网站将会拥有预加载任何页面链接的功能。