InstantClick
是一个 JavaScript
库,可显着加快您的网站速度,在大多数情况下使导航变得有效即时。
介绍
在当今的互联网架构中,延迟是不可避免的,因此 InstantClick
通过预加载您可能会点击的链接来作弊。
在访问者点击链接之前,他们会将鼠标悬停在该链接上。在这两个事件之间,通常会经过 200
毫秒到 300
毫秒。InstantClick
利用该时间预加载页面,以便在您点击时页面已经存在。
如果您希望您的网站不被请求淹没,您可以在用户悬停链接时设置预加载开始前的延迟。它仍然会感觉即时。
如果你不想浪费任何请求,你可以在 “mousedown
” 上预加载。这是你按下鼠标按钮的时候(点击是你松开它的时候)。
使用 InstantClick
加载页面时,浏览器不再显示其标准加载指示器。为了确保用户知道页面已更改,InstantClick
包含一个(可自定义的)进度条。3 该进度条在移动设备上会自动缩放到适当的大小,因此即使您的网站未针对移动设备进行优化,它也能正常工作。
InstantClick
使用 pushState
和 Ajax
(一种称为 pjax
的组合),仅替换标题和指定容器。
Ajax 本身带来了两个不错的好处:
- 您的浏览器不再需要在每次页面更改时抛出和重新编译脚本和样式。
- 当您的浏览器等待页面显示时,您不会看到白色闪烁,从而使您的网站感觉更快。
安装
引入 InstantClick
并在页面末尾附近对其进行初始化:
...
<script src="instantclick.min.js" data-no-instant></script>
<script data-no-instant>InstantClick.init();</script>
</body>
</html>
下载
3.1.8版本
浏览器访问并另存: https://91ntr.cn/doc//dist/instantclick.min.js