前言

一次在谷歌搜索时无意间找到的代码,官方网站:https://instant.page/ 可以消除消除100毫秒的延迟。

简介

桌面
在用户单击链接之前,他们将鼠标悬停在该链接上。当用户悬停65毫秒时,他们有两次单击该链接的机会,因此Instant.page此时开始预加载,平均要保留300毫秒以上的时间才能预加载该页面。

另一种选择是在用户释放鼠标之前即开始按下鼠标时进行预加载。这实际上使未使用的请求为零,同时平均仍将页面负载提高了80毫秒。

移动
用户在释放显示器之前就开始触摸他们的显示器,平均需要90毫秒来预加载页面。

可以达到欺骗大脑的效果
人脑感知动作的时间不到100毫秒。 结果,instant.page使您的页面即使在3G上也能感觉到即时(假设您的页面可以快速渲染)。

轻松处理您的服务器和用户的数据计划
仅当用户很有可能访问页面时才预加载页面,并且仅HTML被预加载,同时要考虑到用户和服务器的带宽和CPU。

它使用被动事件侦听器和requestIdleCallback,以便您的页面保持流畅。它尊重数据保护程序模式。它的大小为1 kB,并在其他所有内容之后加载。而且它是免费和开源的(MIT许可证)。

代码

<script src="//instant.page/3.0.0" type="module" defer integrity="sha384-OeDn4XE77tdHo8pGtE1apMPmAipjoxUQ++eeJa6EtJCfHlvijigWiJpD7VDPWXV1"></script>

食用方法

将此HTML代码段放在< / body> 之前

这样就可以实现网站加速了

注意

代码有时会更新你也可以去官网获取最新的,当然也可以使用文章中的代码

Last modification:April 7th, 2020 at 11:13 am
如果觉得我的文章对你有用,请随意赞赏