导航

网站加速JS 脚本 instant.page

有一项技术叫做prefetch,即预加载技术,当用户有意向访问某个页面之前,浏览器首先对此页面进行预加载,当用户真正点击链接后,会从预加载的缓存中直接读取页面内容,缩短页面的加载时间。

本文介绍的instant.page,就是使用这项技术的一个JS脚本,脚本会根据用户鼠标在链接上的停留时间进行判断,当达到65毫秒,用户有一半的机会打开此链接,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插件的版本,安装后所有网站将会拥有预加载任何页面链接的功能。

最后编辑于: 2020 年 12 月 21 日
返回文章列表 文章二维码 打赏
本页链接的二维码
打赏二维码