开始
注册

开始

InstantClick 是一个 JavaScript 库,可显着加快您的网站速度,在大多数情况下使导航变得有效即时。

介绍

在当今的互联网架构中,延迟是不可避免的,因此 InstantClick 通过预加载您可能会点击的链接来作弊。

在访问者点击链接之前,他们会将鼠标悬停在该链接上。在这两个事件之间,通常会经过 200 毫秒到 300 毫秒。InstantClick 利用该时间预加载页面,以便在您点击时页面已经存在。

如果您希望您的网站不被请求淹没,您可以在用户悬停链接时设置预加载开始前的延迟。它仍然会感觉即时。

如果你不想浪费任何请求,你可以在 “mousedown” 上预加载。这是你按下鼠标按钮的时候(点击是你松开它的时候)。

使用 InstantClick 加载页面时,浏览器不再显示其标准加载指示器。为了确保用户知道页面已更改,InstantClick 包含一个(可自定义的)进度条。3 该进度条在移动设备上会自动缩放到适当的大小,因此即使您的网站未针对移动设备进行优化,它也能正常工作。

InstantClick 使用 pushStateAjax(一种称为 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

泽泽社长 Last updated 2025-01-11 Created 2025-01-10 172

大纲
加载中