Loading... 它的作用是可以预加载，用户想访问的页面，用户点击网站链接之前，他们将鼠标悬停在该链接上。当用户徘徊 65 毫秒时，当用户真正点击链接后，就会直接从缓存中读取，以此提升网站的访问速度，因此 instant.page 此时开始预加载，平均超过 300 毫秒，instant.page 是渐进式增强 ，对不支持它的浏览器没有影响。 ### 效果演示 经过测试，发现 instant.page 对站内访问速度的提升的确很给力。然而它只会预加载自己的站内链接，而不会预加载其他外链。 如图所示，当鼠标在左侧文章链接悬停超过 65ms 后，右侧 Network 即会对文章页面进行预加载。而悬停未超过 65ms 时，则不会进行预加载。 ### 使用方法： **GitHub项目** ：https://github.com/instantpage/instant.page 官方使用方法，代码添加到网站的</body>标签之前 ```javascript <script src="//instant.page/1.2.2" type="module" integrity="sha384-OeDn4XE77tdHo8pGtE1apMPmAipjoxUQ++eeJa6EtJCfHlvijigWiJpD7VDPWXV1"></script> ``` 但是此脚本是官方的，储存在国外服务器，对国内访问不太友好，可以将该JS脚本储存到自己的服务器上，[点此获取](https://cdn.jsdelivr.net/gh/TRHX/CDN-for-itrhx.com@2.0.2/js/instantclick-1.2.2.js)该JS脚本，然后再根据以下格式在</ body> 之前引用 #### 或者用加载到国内cdn ```javascript <script type="module" src="https://cdn.bootcss.com/instant.page/3.0.0/instantpage.js"></script> ``` ### 注意 预加载可能会存在增加耗费少量 CDN 流量和PV问题，请自行对比后考虑是否使用。好了，感兴趣的可以自行测试下效果，本文部分内容转载自左岸博客和ensu's博客，感谢[分享](https://www.talklee.com/tags-5.html)！！！ Last modification：August 16, 2022 © Allow specification reprint Like 如果觉得我的文章对你有用，请随意赞赏