instant.page的作用是可以预加载,用户想访问的页面,用户点击网站链接之前,将鼠标悬停在该链接上,当用户徘徊 65 毫秒时,当用户真正点击链接后,就会直接从缓存中读取,以此提升网站的访问速度,因此 instant.page 此时开始预加载,平均超过 300 毫秒,instant.page 是渐进式增强 ,对不支持它的浏览器没有影响。对于手机用户滑动屏幕链接可见时开始预加载
GitHub项目地址:https://github.com/instantpage/instant.page
使用方法
官方使用方法,代码添加到网站的前
<script src="//instant.page/1.2.2" type="module" integrity="sha384-OeDn4XE77tdHo8pGtE1apMPmAipjoxUQ++eeJa6EtJCfHlvijigWiJpD7VDPWXV1"></script>...
这个脚本是存储在国外服务器的,效果的话对延迟较高、加载速度慢的网站可能有奇效,对国外服务器较友好,效果相对明显。我们也可以讲脚本存储在自己服务器 获取脚本 再根据以下格式在</ body> 之前引用:
<script type="module" src="存放路径"></script>...
<script type="module" src="https://cdn.bootcss.com/instant.page/3.0.0/instantpage.js"></script>...