Google quicklink是一个js库,可以在空闲时间预加载页面可视区域内的链接,加快后续加载速度,提高用户体验。该库面向原生 JavaScript,利用浏览器众多特性,设计巧妙而实用。

Google quicklink 是一个 js 库,可以在空闲时间预加载页面可视区域内的链接,加快后续加载速度,提高用户体验。该库面向原生 JavaScript,利用浏览器众多特性,设计巧妙而实用。

quicklink 是什么  第1张

Google quicklink 预加载过程

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

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

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

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

其实当我们在提到网页性能优化,以及在设计开发的时候,往往都会着眼于对当前用户访问的这个页面,如何通过压缩资源大小、删减不必要资源、优化图片、懒加载等加快页面解析渲染等方式提升用户的访问速度。

而 quicklink 用了另一种思路,就是预先帮加载获取用户接下来可能要用的链接资源,这样之后的真正使用到该链接时就会感觉非常顺畅。

其实对于这样的预加载功能,一些浏览器其实也都支持,特别是对于网页中存在翻页的情况,浏览器其实早就预先加载了翻页的内容,以至于当我们点击翻页后可以瞬间打开,从而提速。