在网上发现了instant.page这个脚本,说可以提高网站页面的打开速度,而且大小只有 1kb。

原理

PC端:当用户的鼠标在链接上悬停了65毫秒时,这个脚本开始预加载页面;还有一种就是在用户开始按下鼠标时 ,开始预加载页面。

移动端:用户在滑动屏幕时,链接可见时,就开始预加载。

仅当用户很有可能会访问页面时才预加载页面,并且只会预加载 html 页面,不会加载图片等资源,所以不用担心与流量损耗等问题。。
instant.page 是渐进式增强 - 对不支持它的浏览器没有影响。

官网地址:https://instant.page
GitHub 地址:https://github.com/instantpage/instant.page

typecho 调用方法

在你网站的</body> 标签前添加:

<script src="//instant.page/5.1.0" type="module" integrity="sha384-by67kQnR+pyfy8yWP4kPO12fHKRLHZPfEsiSXR8u2IKcTdxD805MGUXBzVPnkLHw"></script>

使用此脚本后浏览数据增加,因为预加载会被统计成正常浏览次数。

Reward this article