instant.page,即时预加载你的网页

  • 2020 年 09 月 04 日
  • 128次
  • 285 字
  • 暂无评论

让您的网站页面在1分钟内立即显示,并显着提高转化率。

原理

在桌面上

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

另一种选择是在用户开始按下鼠标而不进行预加载时加载页面。这使得未使用的请求为零,同时平均仍将页面加载提高了80毫秒。

您还可以在悬停时或在链接可见后立即进行预加载,并在用户开始按下鼠标时触发点击,从而使您的页面成为世界上最快的页面。

在移动

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

另一种选择是在链接可见后就对其进行预加载。

如何使用?

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

<!--官方CDN-->
<script src="//instant.page/5.1.0" type="module" integrity="sha384-by67kQnR+pyfy8yWP4kPO12fHKRLHZPfEsiSXR8u2IKcTdxD805MGUXBzVPnkLHw"></script>
<!--Jsdelivr-->
<script async="" src="https://cdn.jsdelivr.net/gh/xaoxuu/[email protected]/js/instant_page.js" type="module" defer="" integrity="sha384-OeDn4XE77tdHo8pGtE1apMPmAipjoxUQ++eeJa6EtJCfHlvijigWiJpD7VDPWXV1"></script>

相关链接

Github:instantpage/instant.page

官网


版权属于:FutureApple

本文链接:https://lo-li.icu/archives/12.html



—— 暂无评论 ——

OωO