优化教程：如何使用网页预加载优化体验

原理

本教程使用的方法是使用instant.page

教程

将如下脚本放置于 </body> 前即可

<script src="//instant.page/5.2.0" type="module" integrity="sha384-jnZyxPjiipYXnSU0ygqeac2q7CVYMbh84q0uHVRRxEtvFPiQYbXWUorga2aqZJ0z"></script>

电脑：鼠标在链接上悬停超过65毫秒及按下鼠标时开始预加载页面

　手机：滑动屏幕链接可见时开始预加载

　仅用户可能访问时预加载html页面，不加载多余资源

　instant.page为渐进式增强，对不支持它的浏览器无影响

　效果：对延迟较高、加载速度慢的网站可能有奇效，对国外服务器较友好效果相对明显一点