instant.page—提高网站页面加载速度的JS脚本

2019-03-23T06:45:00

简介

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

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

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

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

使用方法

方法一:
使用方法也是非常简单,把下面这段代码添加到网站页面的</body>之前即可

<script src="//instant.page/1.2.2" type="module" integrity="sha384-2xV8M5griQmzyiY3CDqh1dn4z3llDVqZDqzjzcY+jCBCk/a5fXJmuZ/40JJAPeoU"></script>

方法二:
由于官方的这个js代码是存储在其他地方,可能有失效或加载缓慢的可能,官方也介绍了我们可以保存到网站目录,然后再加载。

最新版本下载地址:点击下载(无法下载的,可以保存脚本内容为instantclick-1.2.2.js文件)

这里我们放到/usr/uploads目录下,然后把下面这段代码添加到网站页面的</body>之前即可

<script src="/usr/uploads/instantclick-1.2.2.js" type="module"></script>
当前页面是本站的「Baidu MIP」版。发表评论请点击:完整版 »