在用户单击链接之前,他们将鼠标悬停在该链接上。当用户悬停65毫秒时,用户可能会单击该链接,因此instant.page此时开始预加载,平均留下300毫秒的时间供页面预加载。在移动设备上,用户开始触摸显示器,然后释放它,平均90毫秒就可以预加载页面。

大概意思就是,在你把鼠标放在链接上,网页就开始进行预加载,不管你有没有进入这个链接。


官网地址:https://instant.page
好了废话不多说,教程简单,直接上代码:
把以下代码放在</body>

<script src="//instant.page/1.2.2" type="module" integrity="sha384-2xV8M5griQmzyiY3CDqh1dn4z3llDVqZDqzjzcY+jCBCk/a5fXJmuZ/40JJAPeoU"></script>

本博客已经导入该代码,大家可以试一下,当你悬停在我的一篇文章链接上时,你的网速指示器的变化。而且加载速度确实快了一些(不是错觉)

今天看到小Z博客的一篇文章,所以想起了自己在用的这个预加载。

使用instantclick预加载,让网站速度更进一步
https://www.xiaoz.me/archives/12636

看了一下貌似已经年久失更了,上次更新还是2014/12/25。而且我试了一下貌似和我用的handsome主题pjax有冲突。大家有兴趣的也可以试一下。

最后修改:2019 年 04 月 24 日 11 : 07 PM
如果觉得我的文章对你有用,请随意赞赏