InstantClick魔改版

开始
注册

开始

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.2.1版本
浏览器访问并另存: https://91ntr.cn/doc/assets/instantclick.min.js

泽泽社长 更新于2025-06-28 发布于2025-01-10 221

大纲
加载中