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;
}
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 175,923评论 25 709
  • WebSocket-Swift Starscream的使用 WebSocket 是 HTML5 一种新的协议。它实...
    香橙柚子阅读 24,340评论 8 183
  • 城市的发展速度,是楼房的高度 越来越高的高楼大厦 代替了温馨的四合院,消失了城中村 抛弃了你的狗狗,它移民不成汪星...
    泰安左眼皮跳跳阅读 1,765评论 0 8
  • 人们往把自己看得过重才会患得患失,不要以自己的眼光和认知去评论一个人,其实心有多大,快乐就有多少;包容越多,得到越多。
    湘子雅阅读 1,279评论 0 0
  • 当南方的油菜花,早已结籽 收割榨油,上了主妇的餐桌 祁连山的油菜花啊 正盛开得一地金黄,如火如荼 在大...
    走过繁花似锦的世界阅读 1,139评论 0 0

友情链接更多精彩内容