网站加速 JS 脚本 instant.page

html源码 10个月前 Ray
320 0
网站加速 JS 脚本 instant.page

最近发现了一个好东西:instant.page,一个瞬间提高网站页面加载速度的JS脚本。

instant.page其实就是使用prefetch预加载技术的一个脚本,脚本会根据用户鼠标在链接上的停留时间进行判断,当达到65ms后,用户有一半的机会打开此链接,instant.page将会对此页面进行预加载。

而prefetch预加载技术就是当用户有意向访问某个页面之前,浏览器首先对此页面进行预加载,当用户真正点击链接后,会从预加载的缓存中直接读取页面内容,缩短页面的加载时间。在html5的链接标签中有一个rel属性,其中有个参数就是prefetch。

项目地址:https://github.com/instantpage/instant.page
官网:https://instant.page/

使用

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

instant.page 的使用非常简单:

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

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

2、自托管

官方提供的在国内会有一定延迟,自托管只需将 CDN.JS 上传到自己服务器根目录,然后在 </body> 标签之前根据具体网址添加下面的代码即可。

<script src="https://xxx.xx/cdn.js" type="module"></script>

将 xxx.xx 修改为自己的域名即可。

非站长用户

可使用 FasterChrome,这是将 instant.page 制作成 Chrome 插件的版本,安装后所有网站将会拥有预加载任何页面链接的功能。

版权声明:Ray 发表于 2020-12-22 9:40:41。
转载请注明:网站加速 JS 脚本 instant.page | So导航
广告也精彩

暂无评论

您必须登录才能参与评论!
立即登录
暂无评论...