共计 570 个字符，预计需要花费 2 分钟才能阅读完成。
前言
有一项技术叫做prefetch，这个技术，其实说白了，就是一项预加载技术，当用户有意向访问某个页面之前，浏览器首先对此页面进行预加载，当用户真正点击链接后，会从预加载的缓存中直接读取页面内容，缩短页面的加载时间。
而如何来使用这项技术？其实在 html5 的链接标签中有一个 rel 属性，其中有个参数就是prefetch，不过使用的人不多。
康康在本文介绍的 instant.page，就是使用这项技术的一个脚本，脚本会根据用户鼠标在链接上的停留时间进行判断，当达到 65 毫秒，用户有一半的机会打开此链接，instant.page 将会对此页面进行预加载。
instant.page 使用
instant.page的使用非常简单，首先打开官网：https://instant.page，会看到一个非常简洁的页面，并得到一行代码：
<script src="//instant.page/1.2.0" type="module" integrity="sha384-0xWpXpkOUkAVETH+RMYJlSFIDNGlnPHgmqv2rP3uZS1BM48EMcxAZGW09n4pTGV4"></script>咱们只要把这行代码添加到网站的 </body> 之前即可。
不过，由于官方的脚本是存储在国外的，所以建议各位直接将脚本保存到本地进行加载，缩短脚本载入的时间。
正文完
