585人阅读 2条评论

网站加入预加载 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>

Emlog用户建议添加到模板下的header.php文件（</head>之前即可）（看不懂可看下图）

缓存效果：

搜一下

2条评论