quicklink

quicklink 介绍

quicklink是 一个 js库，通过在空闲时间预先 获取 viewport内的 链接 ，加快后续 页面 加载速度，可以 预加载 出现在视口的 网页链接 ，提高 用户 体验。它的加载过程如下：

1.检测网页中的 链接 是否出现在视口中，等待 链接 出现在视口，执行步骤2。

2.等待浏览器空闲 后执行 3。

3.判断当前的网络连接是否是2G，如果是则停止执行，如果不是2G网络，执行步骤4。

4. 预加载 链接 指向资源。

quicklink旨在成为根据 用户 viewport中的 链接 预取 内容 的简易 解决方 案，并保持很小的体积（压缩后小于1KB）。 quicklink加速后续 页面 加载速度的原理如下：

检测viewport中的 链接 （使用Intersection Observer）

等待浏览器空闲（使用requestIdleCallback）

检查 用户 的连接速度（使用navigator.connection.effectiveType）

或者是否启用了data-saver（使用navigator.connection.saveData）；

预取 链接 （使用<link rel=prefetch>或XHR），可以控制请求优先级（如果 支持 ，可以切换到fetch()）。

GitHub: https://github.com/GoogleChromeLabs/quicklink

网站描述: 用于加快后续 页面 加载速度

quicklink官方网站

官方网站：

如果觉得 网站内容还不错，欢迎将 网站 推荐给程序员好友。

查看更多关于quicklink的详细内容...