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

原理

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

教程

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

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

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

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

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

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

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

© 版权声明
THE END
喜欢就支持一下吧!
点赞498 分享