【分享】预加载速度嗖嗖快，给网站添加instant.page

AI智能总结:

本文介绍了一个网站加速工具——instant.page，它通过预加载机制提升页面速度。配置很简单，只需在页面引用其JS脚本，但国外的JS加载可能影响速度，因此使用国内加速。总的来说这个工具非常实用，推荐大家试用。

前言

诶，今天又让我看到一个网站加速的方法
它就是大名鼎鼎的instant.page
不少人可能压根没听说过这个，也有不少人用上了
我这边就直接选取GitHub上面人家的介绍，给大家看看是怎么个事儿:

一般情况下，在用户点击链接之前，他们会将鼠标悬停在该链接上。 当用户悬停 65 毫秒时，有二分之一的机会点击该链接，因此 instant.page 此时开始预加载，页面预加载平均留出 300 多毫秒。 另一种选择是在用户开始按下鼠标而不预加载时加载页面。 这使得未使用的请求为零，同时仍将页面加载平均提高了 80 毫秒。 您还可以在悬停时或在链接可见时立即预加载，并在用户开始按下鼠标时触发点击，从而使您的页面成为世界上最快的页面。

当时看到之后直接给我整绷不住了，这玩意儿它是咋测出来的，于是跑到qq上面去和别人吐槽了

跑远了，跑远了（被打）
人家的意思是用上这个程序之后可以通过预加载来让网站速度变得很快。
是不是感觉还有点牛的？所以说来让我们看一下怎么配置它。

正文

它的配置实际上特别简单，你只需要在前面引用他的js就可以了，官方提供的引用方法:

<script src="//instant.page/5.2.0" type="module" integrity="sha384-jnZyxPjiipYXnSU0ygqeac2q7CVYMbh84q0uHVRRxEtvFPiQYbXWUorga2aqZJ0z"></script>

倒不是说不能用，但是好像本身去国外网站去加载js就是一种比较降速的行为，当然如果你的网站就在国外，或者给外国用户访问，那其实也没啥影响。
这时我突然发现他是有jsd托管版本的:

<script src="https://cdn.jsdelivr.net/npm/instant.page@5.1.0/instantpage.js" type="module"></script>

那这样的话就好办了，我们就可以引用国内加速jsd的镜像，从而快速使用instant.page
这里我使用的是eleme，所以我们最终要引用的代码其实就是下面这一些

<script src="http://npm.elemecdn.com/instant.page@5.2.0/instantpage.js" type="module"></script>

没错，就是这么简单。
如果你用的是handsome主题可以把这行代码加入到后台html结尾的那个框框里，速度有明显提升啦！
具体检测是否生效的方案就是摁开f12开发者工具，看看鼠标移动到页面时有没有加载新的文件，如果加载了，那就说明生效啦

总结

非常好用，反正我是用上了，大家感兴趣也可以试一试