【技术教程】网站加入预加载 instant.page脚本

  • 内容
  • 相关
之前发表过关于网站优化和网站访问速度的文章,今天介绍一个网站预加载的脚本 instant.page

官方宣称“让您网站的网页在1分钟内即时显示,并将转化率提高1%”但是明细还是有改变的。

instant.page作用:

instant.page 是可以预加载用户想访问的页面,当用户真正点击链接后,就会直接从缓存中读取,以此提升网站的访问速度。instant.page 使用即时预加载 ; 它会在用户点击之前预先加载页面。

在用户点击链接之前,他们将鼠标悬停在该链接上。当用户徘徊65毫秒时,他们将点击该链接有两个机会,因此instant.page此时开始预加载,平均超过300毫秒,以便页面预加载。

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

使用方法:(其他网站)
1、官方提供的带有 Cloudflare 加速的脚本

(用国外服务器的朋友。只要把这行代码添加到网站的 </body>标签之前即可。)


<script src="//instant.page/1.2.2" type="module" integrity="sha384-2xV8M5griQmzyiY3CDqh1dn4z3llDVqZDqzjzcY+jCBCk/a5fXJmuZ/40JJAPeoU"></script>
2、自托管脚本(将下面js代码上传到自己的服务器,然后在 </body>标签之前根据路径添加下面的代码位置即可)


<script src="`存放路径`/instantclick-1.2.2.js" type="module"></script>
3、托管到又拍云的脚本

(把下面代码添加到</body>标签之前即可)


<script src="https://cdn.zrahh.com/js/instantclick-1.2.2.js" type="module"></script>
Emlg程序使用方法:
Emlog用户建议添加到模板下的header.php文件  
如果你觉得雨滴资源网对你有帮助的话,可以小小的打赏一下小站,用于维持本站的运营!

本文标签:

版权声明:雨滴资源网内容来源于互联网,如果有侵权内容、不妥之处,请第一时间联系我们删除。敬请谅解!

本文链接:【技术教程】网站加入预加载 instant.page脚本 - https://www.yudzy.com/586.html

失效提示:此文更新于2019-8-9,如果文章内容或图片资源失效,请留言反馈,客服会及时处理,谢谢!