实现网站页面秒开-预加载JS脚本instant.page

2019-08-23T12:00:00

instant.page 原理的话我们不必深层了解,只需知道:

在用户点击网站链接之前,他们将鼠标悬停在该链接上。当用户徘徊65毫秒时,他们将点击该链接有两个机会,因此 instant.page 此时开始预加载,平均超过 300 毫秒,以便页面预加载。

instant.page 是渐进式增强 - 对不支持它的浏览器没有影响。

instant.page使用

instant.page的使用非常简单,首先打开官网:https://instant.page,会看到一个非常简洁的页面,并得到一行代码:


<script src="//instant.page/1.2.0" type="module" integrity="sha384-0xWpXpkOUkAVETH+RMYJlSFIDNGlnPHgmqv2rP3uZS1BM48EMcxAZGW09n4pTGV4"></script>

咱们只要把这行代码添加到网站的</body>之前即可。

不过,由于官方的脚本是存储在国外的,所以建议各位直接将脚本保存到本地进行加载,缩短脚本载入的时间。

当前页面是本站的「Baidu MIP」版。发表评论请点击:完整版 »