使用网页预加载优化体验


 比instant.page更为激进的项目,效果更好,不过相对的因为预加载网络使用量也会提升

 可直接使用下方的版本,vercel cdn加速的3.0

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

<script src="https://cdn.echs.top/quicklink.js"></script>
<script>
window.addEventListener('load', () => {
  quicklink.listen();
});
</script>

instant.page

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

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

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

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

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

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

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