Pages

Friday, 7 April 2023

替网站加速的JS 脚本: instant.page

 

有一项技术叫做 prefetch,即预加载技术,当用户有意向访问某个页面之前,浏览器首先对此页面进行预加载,当用户真正点击链接后,会从预加载的缓存中直接读取页面内容,缩短页面的加载时间。

本文介绍的 instant.page,就是使用这项技术的一个 JS 脚本,脚本会根据用户鼠标在链接上的停留时间进行判断,当达到 65 毫秒,用户有一半的机会打开此链接,instant.page 将会对此页面进行预加载。

使用

使用官方提供的带有 Cloudflare 加速的脚本。

instant.page 的使用非常简单:

<script src="//instant.page/5.1.0" type="module"></script>

只需要把这行代码添加到网站的 </body> 之前即可。

https://instant.page/

No comments:

Post a Comment