简介
最近发现了一个好东西: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>
站点名称:Sword's Blog 杂货屋
本文链接:https://sword.studio/158.html
本博客所有文章除特别声明外,均采用知识共享署名-非商业性使用 4.0 国际许可协议 进行许可
您可以自由的转载和修改,但请务必注明文章来源并且不可用于商业目的