InstantClick是一个JavaScript库,可以显着加快您的网站速度,在大多数情况下可以有效地实现导航。
为什么使用InstantClick
- 尽管现代互联网的带宽很大,但网站的速度并不快,这是因为加载网页的最大瓶颈就是延迟。
它是如何工作的
- 今天的互联网架构延迟是不可避免的,所以 InstantClick 通过预加载你可能点击的链接来尽可能缩短所需要的时间。
- 在访问者点击链接之前,他们将鼠标悬停在该链接上。在这两个事件之间,通常经过200毫秒到300毫秒(在这里自己测试)。InstantClick利用该时间来预加载页面,以便在您单击时页面已经存在。
- 在移动设备上,预加载从“touchstart”开始,让300毫秒(Android)到450毫秒(iOS)预加载页面。
如何使用
- 首先我们下载 http://instantclick.io/v3.1.0/instantclick.min.js 这个文件,然后放入自己网站合适的目录内。
- 接着我们在网页的
</body>
之前的位置这样写,引入InstantClick
:
······
<!-- 引入 InstantClick -->
<script src="instantclick.min.js" data-no-instant></script>
<script data-no-instant>InstantClick.init();</script>
<!-- 到这里结束 -->
</body>
</html>
- 然后就可以开始体验超快的网站访问速度了。
以上就是使用 InstantClick 让网站访问更快的食用方法啦。