instant.page网页预加载脚本

如果觉得自己网站跳转速度太慢或者想要更快,我想可以试试这个脚本。

instantpage-logo

简单介绍

它的作用是预加载用户想要访问的页面,默认情况下当用户点击网站链接之前将鼠标悬停在该链接上达到 65 毫秒时,用户真正点击链接后就会直接从缓存中读取,以此提升网页的跳转速度。

  • 优点

    1. 站内网页加载速度明显提升
    2. 只会预加载html,而不是图片之类,所以不用太担心过多流量损耗
    3. 提供一定程度的自定义选项
  • 缺点

    1. 每次预加载都算访问成功,统计网站的PV、UV记录会成倍增长
    2. 大大增加全站cdn的请求次数,所以不建议该类网站使用

如何使用

在网页</body>前插入一行js,一般插入在<footer>区域中

官方链

官方提供的方法是直接将下面代码插入,但因为托管在cloudflare上,对于国内访问的效果并不好,当然如果是面向国外用户直接使用即可

<script src="//instant.page/5.2.0" type="module" integrity="sha384-jnZyxPjiipYXnSU0ygqeac2q7CVYMbh84q0uHVRRxEtvFPiQYbXWUorga2aqZJ0z"></script>

自建链(推荐)

直接将官方的js代码下载后传到自己网站上

Github下载 | 官网下载

<script async src="/instantpage.js" type="module"></script>

外部参考

https://instant.page/

评论区
头像
文章目录