InstantClick 网站提速神器

前几天偶然在封尘的博客上遇到InstantClick,网站提速神器。它赋予了页面上每个超链接预加载的能力,除了新打开的窗口!鼠标移动到超链上,便会触发!将dom预先加载到本地,从而达到快速打开网页的目的。
用法很简单,下面说下基本用法还有遇到的一些问题。
下载地址:http://instantclick.io/download
在需要引用instantclick的页面引入js代码

<script type="text/javascript" src= "js/instantclick.js" data-no-instant></script>
<script data-no-instant>InstantClick.init();</script>

这样,默认的a标签都会预加载!除了新打开的窗口!如果给a标签添加 data-no-instant 属性,那么这个超链接就不会预加载了,在一些特定的场景需要用到,比如说,instantclick 引起的一些CSS、插件加载失败,无法修复的情况,可以让链接到此页面的超链接失去预加载能力。
我遇到的一个问题,多说评论插件有时候会加载失败。这跟pjax局部刷新的问题一样,而这种情况一般就是要重新载入插件了,看多说官网给出的教程 动态加载多说评论框 ,在页面新增一个方法

function _loadDuodsuo(){
  var dus=$( ".ds-thread" );
  if($(dus).length==1){
    var el = document.createElement('div');
    el.setAttribute('data-thread-key',$(dus).attr("data-thread-key"));
    el.setAttribute('data-url',$(dus).attr("data-url"));
    DUOSHUO.EmbedThread(el);
    $(dus).html(el);
  }
}

然后在底部再调用一次即可解决该问题。
顺便说下,顶部的进度条颜色也是可以修改的O(∩_∩)O~

#instantclick-bar {
  background: #fd8a61;
}

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 138,239评论 20 591
  • 这是一个用于iOS开发的各种开源库、开源资料、开源技术等等的索引库.转载自:https://github.com/...
    iOS_xuanhe阅读 15,004评论 12 162
  • 信用卡提高额度是很多朋友都会关注的事儿,但有些时候,不但没有提额竟然还降了,这是怎么回事呢??今天小兔给大家分享信...
    电兔贷款阅读 38评论 0 0
  • 城市的发展速度,是楼房的高度 越来越高的高楼大厦 代替了温馨的四合院,消失了城中村 抛弃了你的狗狗,它移民不成汪星...
    泰安左眼皮跳跳阅读 64评论 0 8
  • 人们往把自己看得过重才会患得患失,不要以自己的眼光和认知去评论一个人,其实心有多大,快乐就有多少;包容越多,得到越多。
    湘子雅阅读 18评论 0 0