使用 Instant.page 在 1 分钟内加速您的网站

Guess.js（alpha 版本）

这个标题党的标题背后隐藏着一个非常巧妙的小工具。不久前，我在浏览 Hacker News 时偶然发现了它。其实它从二月份就活跃在这个网站上了，只是我一直没时间去聊聊它。Instant.page是一个小型的 JavaScript 库，它使用了即时预加载技术——它会在用户点击超链接之前预加载一个锚点。

所用技术相当简单：Instant.page会计算用户悬停在链接上的时间（这是点击某个内容时很常见的行为），如果悬停时间超过 65 毫秒，则会开始预加载该链接。由于一般人认为 100 毫秒以内的操作是瞬间完成的，因此Instant.page会欺骗大脑，从而让用户获得更快、更好的体验。

安装非常简单，只需在网站<script>关闭前插入包含脚本链接的标签</body>（所有脚本都应该存放在网站关闭处），即可完成！Instant.page会自动将自身粘贴到页面上的每个链接上。该库很小，只有 1kB。它是免费且开源的（MIT）。

Instant.page允许您控制哪些内容应该预加载或不预加载。您可能希望阻止它预加载某些锚点，例如注销链接。为此，只需为data-no-instant这些链接添加一个属性，Instant.page就会忽略它们。您甚至可以指定允许预加载外部链接。

简单、轻便、易用。如果您想亲自尝试，请访问Instant.page：https://instant.page