从Instant.page即时下载





Instant.page是一个小的脚本,可让您使用即时预加载来加快站点导航。当用户将鼠标悬停在链接上时,页面会在后台预加载,而在单击链接时,页面会立即打开。InstantClick的工作原理相同,但它作为pushState和Ajax上的单独库提供,带有诸如预加载进度栏之类的其他模块。



安装



只需在正文末尾添加一个脚本即可:



<script src="//instant.page/5.1.0" type="module" integrity="sha384-by67kQnR+pyfy8yWP4kPO12fHKRLHZPfEsiSXR8u2IKcTdxD805MGUXBzVPnkLHw"></script>


看起来在现代网络上,通过脚本分发解决方案而不是将解决方案放在npm中似乎没有任何意义,但这不是JQuery,并且所有代码从字面上看都可以容纳200多行,因此即使是最轻量级的应用程序也可以负担得起。此外,以模块的形式,谷歌已经提供了一种非常流行但有争议的快速链接。



桌面



不同的研究具有不同的价值,因此无法确定一个人单击鼠标悬停的链接的可能性以及发生的速度如何。该脚本的作者声称,如果指针已经在链接上悬停了65毫秒以上,则用户将有一半的时间跟随它。



为了减少误报的数量,instant.page和InstantClick都提供了在按下(鼠标按下)时可选地触发预加载的功能,这平均可以将加载速度提高80毫秒。确实,该脚本仅加载HTML,而其他胖资源仍将正常加载。



Instant.page对于疯子(和quicklink爱好者)也有一个完全疯狂的触发器,当链接可见时,它将加载页面... 幸运的是,还有一个白名单模式。



电话



移动版本没有悬停功能,因此预加载会在您开始单击链接时开始,这会增加大约90毫秒的时间,或者您也可以选择触发视口的触发器,但是为此,您需要页面很薄或链接的数量最少且已知(例如,您可以在提交表单后预加载下一页),或设置白名单。



配置



  • 白名单预加载仅适用于具有属性的链接data-instant(为此,将属性添加到正文data-instant-whitelist
  • 黑名单:具有该属性的链接不会加载data-no-instant
  • 默认情况下,外部链接未加载,您可以通过添加data-instant-allow-external-links到正文中来更改此链接
  • , . , data-instant-allow-query-string body




  • uBlock Origin , EasyPrivacy, . instant.page , issue. , . Firefox uBlock Origin , .
  • Safari 13 . Safari 14.




在不到一年的时间内(不到半年前,instant.page就开始流行了),这项技术已经在市场上站稳了脚跟,获得了Spotify和Pepsico等大型客户,并且与GitHub上的明星数量相匹配(自2014年以来一直存在)。作者声称使用Instant.page拥有7000多个网站(参考buildwith),每月总共有超过7600万用户。






广告



适用于各种规模站点的VDS-这与我们的史诗级服务器有关它们是免费的,不受DDoS攻击的保护,Internet通道的速度为500兆比特。我们提供了自动为托管站点安装便捷的VestaCP控制面板的功能。快点订购!






All Articles