网站加入预加载 instant.page脚本

发布日期:2019-08-05 22:30:23 作者:何以往事

  • 正文内容
  • 相关推荐

之前发表过关于网站优化网站访问速度的文章,今天介绍一个网站预加载的脚本 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文件   (</head>之前即可)(看不懂可看下图)

1.jpg


缓存效果:

2.jpg

搜一下

头像
描述: ღ 我愿用一世阳光换你的微笑 ღ

本文标签:

文章标题:网站加入预加载 instant.page脚本

文章链接:https://www.dcqzz.cn/post/795

版权声明:若无特殊注明,本文皆为 何以往事 原创,转载请保留文章出处。

发表评论

电子邮件地址不会被公开。 必填项已用*标注

评论

2条评论
  1. avatar

    欧克网络 Lv.1 Chrome 40.0.2214.89 Chrome 40.0.2214.89 Android 6.0 Android 6.0 回复

    js文件没有

    广东省广州市 电信

    1. 何以往事 Chrome 76.0.3809.132 Chrome 76.0.3809.132 Windows 7 Windows 7 回复

      回复了欧克网络:https://cdn.zrahh.com/js/instantclick-1.2.2.js

      山东省潍坊市 移动