LiuSY

网页预加载:提升速度体验
在用户单击链接之前,他们将鼠标悬停在该链接上。当用户悬停65毫秒时,用户可能会单击该链接,因此instant.pa...
扫描右侧二维码阅读全文
14
2019/04

网页预加载:提升速度体验

在用户单击链接之前,他们将鼠标悬停在该链接上。当用户悬停65毫秒时,用户可能会单击该链接,因此instant.page此时开始预加载,平均留下300毫秒的时间供页面预加载。在移动设备上,用户开始触摸显示器,然后释放它,平均90毫秒就可以预加载页面。

大概意思就是,在你把鼠标放在链接上,网页就开始进行预加载,不管你有没有进入这个链接。


官网地址:https://instant.page
好了废话不多说,教程简单,直接上代码:
把以下代码放在</body>

<script src="//instant.page/1.2.2" type="module" integrity="sha384-2xV8M5griQmzyiY3CDqh1dn4z3llDVqZDqzjzcY+jCBCk/a5fXJmuZ/40JJAPeoU"></script>

本博客已经导入该代码,大家可以试一下,当你悬停在我的一篇文章链接上时,你的网速指示器的变化。而且加载速度确实快了一些(不是错觉)

今天看到小Z博客的一篇文章,所以想起了自己在用的这个预加载。

使用instantclick预加载,让网站速度更进一步
https://www.xiaoz.me/archives/12636

看了一下貌似已经年久失更了,上次更新还是2014/12/25。而且我试了一下貌似和我用的handsome主题pjax有冲突。大家有兴趣的也可以试一下。

最后修改:2019 年 04 月 24 日 11 : 07 PM
如果觉得我的文章对你有用,请随意赞赏

8 条评论

  1. David205x

    老哥请教一下,Oneindex的话有没有类似的方法预加载呢?(都是PHP的格式文件,没找到HTML...)

    1. LiuSY
      @David205x

      官网说只预加载HTML,估计对oneindex没什么作用,不过也可以试试,在主题文件夹的layout.php最后的</body>前面

      1. David205x
        @LiuSY

        好我试完汇报一下,谢谢您

  2. 蓝色花海

    这家。。不是超售大王吗。石头盘。

    1. LiuSY
      @蓝色花海

      确实,也看脸,起码我用着还不错,盘也OK,看母鸡的配置了

  3. 蓝色花海

    果然快了很多,顺手问下,大佬你是用的哪里的vps,感觉速度不错

    1. LiuSY
      @蓝色花海

      我的现在还在vps上,美国洛杉矶的,之前黑五用来搞离线下载的时候买的。就是文章末尾这个

  4. 蓝色花海

    果然快了很多(顺手问下,大佬你博客是用的哪里的主机,感觉速度不错)

发表评论