群居防口,独坐防心。 ——勿埋我心
如果你觉得你网站页面的跳转比较慢,或者说你想变得更快,那么这么脚本我想会比较适合你。
Github:https://github.com/instantpage/instant.page
官网:instant.page
原理:
它的作用是可以预加载,用户想访问的页面,用户点击网站链接之前,他们将鼠标悬停在该链接上。当用户徘徊 65 毫秒时,当用户真正点击链接后,就会直接从缓存中读取,以此提升网站的访问速度,因此 instant.page 此时开始预加载,平均超过 300 毫秒,instant.page 是渐进式增强 ,对不支持它的浏览器没有影响。
在网站的添加一行JS,一般添加在
区域。至于JS的添加方法有以下几种。
不推荐
虽然有Cloudflare节点的加速,但对于国内而言还是比较慢的,这更像是减速了。
<script src="//instant.page/5.1.1" type="module" integrity="sha384-MWfCL6g1OTGsbSwfuMHc8+8J2u71/LA8dzlIN3ycajckxuZZmF+DNjdm7O6H3PSq"></script>
推荐
下载地址:Github官方下载 | 勿埋我心博客下的JS脚本
<script src="/instantpage.js" type="module"></script>
自己看着办
<script src="https://raw.githubusercontents.com/instantpage/instant.page/master/instantpage.js" type="module"></script>
采用了7ed加速服务,github原链接raw.githubusercontent.com
替换成raw.githubusercontents.com
,多了一个"s",很方便。
总的来说,是一个不错的脚本,欢迎有疑惑在勿埋我心评论区留言。
文章来源:instant.page:可以提升网页加载速度50%的JavaScript脚本 - 勿埋我心 (qian.blue)