instant.page

通过预加载，提高网页加载速度的 JavaScript 库。它支持移动端和 PC 端，在 PC 端时当鼠标悬浮在链接上和在移动端时链接可见后立即预加载，从而降低点击后网页的加载时间。复制 HTML 代码片段加到网页上即可生效。（推荐将 js 文件下载部署到 CDN 上 instantpage.js）
注意：目前尚无计划使其与Vue（或Angular / React）一起使用。

  1. <script
  2.   src="//instant.page/5.1.0"
  3.   type="module"
  4.   integrity="sha384-by67kQnR+pyfy8yWP4kPO12fHKRLHZPfEsiSXR8u2IKcTdxD805MGUXBzVPnkLHw"
  5. ></script>

quicklink

通过在空闲时间预取视口内链接来加快后续页面加载。

  • 在视口中检测链接（使用Intersection Observer）
  • 等待直到浏览器空闲（使用requestIdleCallback）
  • 检查用户是否处于慢速连接状态（使用navigator.connection.effectiveType）或启用了数据保存功能（使用navigator.connection.saveData）
  • 预取链接的URL（使用<link rel=prefetch>或XHR）。提供对请求优先级的控制（fetch()如果支持，可以切换到）。