用一个 JS 脚本实现网页预加载,提升页面加载速度
前言
- instant.page 是一个能够实现网页预加载的 JS 脚本。
- 当用户的鼠标悬停在一个链接上超过 65 毫秒时,浏览器会对此页面进行预加载,当用户点击链接后,就从预加载的缓存中直接读取页面内容,从而达到缩短页面加载时间的目的。
- 缺点是会增加服务器压力
使用方法
1. 使用官方提供的脚本
点击进入官方网站,复制代码块中的代码。
例如:
1 | <script src="https://instant.page/5.1.0" type="module" integrity="sha384-by67kQnR+pyfy8yWP4kPO12fHKRLHZPfEsiSXR8u2IKcTdxD805MGUXBzVPnkLHw"></script> |
将该 HTML 代码放在 </body>
之前即可。
2. 使用自托管脚本
官方脚本脚本储存在国外服务器,对国内访问可能不太友好,可以将该 JS 脚本上传到自己的服务器或 CDN,然后在 </body>
之前根据路径引用下面的代码即可。
1 | <script src="脚本路径" type="module"></script> |
Comment