MENU

开启网站多线程预加载,提高网页打开速度

2018 年 10 月 07 日 • 技术分享

  最早我也是在QQDIE看到的这个功能,没想到有大佬把这个JS写出来了。简单的说就是三种模式,1:鼠标移过链接开始加载;2:鼠标悬停XX时间开始加载;3:鼠标点击开始预加载。第一种最快,也相对耗费资源,第三种性价比最高,看各位的选择了。

一、添加如下代码到footer.php文件中</body>前。

<script src="https://cdn.jsdelivr.net/npm/instantclick@3.1.0-2/instantclick.js" data-no-instant></script>
<script data-no-instant>InstantClick.init('mousedown');</script> 

二、代码分析

  • 第一行,引用了instantclick预加载脚本;
  • 第二行代码中的mousedown是鼠标点击开始预加载;可以按下面的代码修改。

鼠标经过开始加载

InstantClick.init()

鼠标悬停100ms开始加载

InstantClick.init(100)
  • 新窗口是不能预加载的,比如友情链接等。

本文来自:黑冰技术站

- The End -

| 文章标题:开启网站多线程预加载,提高网页打开速度

|分享链接:https://eebk.com/86.html

| 版权所有:本文版权归 奕奕博客 所有,转载请注明出处!


返回文章列表 打赏
本页链接的二维码
打赏二维码
0:00