博客启用InstantClick

标签: IT技术 阅微堂系统 | 发表时间:2014-05-15 22:02 | 作者:张志强
出处:http://zhiqiang.org/blog

博客 » IT技术 » »

之前我发现有些网站能瞬间显示新页面,几乎没有延迟,非常类似于AJAX的刷新,但页面URL的确又变了(如果是AJAX刷新,页面地址不会变)。现在我知道这可以用InstantClick实现。本着阅微堂一直在尝鲜最新技术的传统,我毫不犹豫就装上了。

InstantClick的官方主页见 http://instantclick.io/download。根据官方描述,它主要从两个方面加快页面加载速度:

  1. 网页浏览者在将鼠标挪到链接上(MouseOver)到点击鼠标(MouseDown)到点击完毕(MouseUp)一般都有400毫秒以上。不信的人可以到 http://instantclick.io/click-test这里测试一下自己的点击速度。浏览器一般在链接点击完毕后开始载入新页面。InstantClick则一旦发现鼠标挪到链接上就开始载入链接的页面内容,这可以让新页面的载入节约400毫秒以上。这个方法在手机浏览也有效。
  2. InstantClick使用pushState和Ajax技术,在显示新页面时并不是重新解释执行新页面,而只是替换页面的标题和页面内容。这样做有两个好处:其一是浏览器省去了重新解释代码和式样,让页面显示速度更快,尤其对于那些页面复杂和式样较多的页面;其二是浏览器可以无缝显示,不会在页面跳转中间闪一下白屏。

具体效果可以直接参考本博客。当网速较慢时,页面上方会显示载入进度条。

由于上面的第二个技术,这个插件只对使用同样式样文件的页面才有效,否则会出现白屏等情况。而且插件并不会自动识别,需要人工把这类链接加入黑名单。插件在这方面还可改进。

另外,该插件由于在原页面上直接更新内容,导致部分JavaScript会出问题。比如百度分享的代码必须在代码最前方加入以下代码才能正常工作:

window._bd_share_main


© 张志强 for 阅微堂, 2014. | 链接 | 0条评论

相关 [博客 instantclick] 推荐:

博客启用InstantClick

- - 阅微堂
博客 » IT技术 » 阅微堂系统 ». 之前我发现有些网站能瞬间显示新页面,几乎没有延迟,非常类似于AJAX的刷新,但页面URL的确又变了(如果是AJAX刷新,页面地址不会变). 现在我知道这可以用InstantClick实现. 本着阅微堂一直在尝鲜最新技术的传统,我毫不犹豫就装上了. InstantClick的官方主页见 http://instantclick.io/download.

博客之尾

- FQX - Nings blog
中国的博客时代,2006-2010. 机器人控制世界的时代虽然仍未到来,然而部分机器人如Google Trends已经可以做到这些无伤大雅的数据分析了. 感慨的话不再多说,知者自知,不知者无所谓. 总结一下发现的几个标志着博客时代尾声的点,可能片面些,仅供路过. 在博客时代,博客圈曾盛行一些传播游戏或立场之争.

博客2.0:社交博客的兴起

- maple - GeekPark 捕风捉影
作者:网易科技专栏作家 师北宸(微博). 最近三四年,随着社交网络和微博客的兴起,博客衰退的速度已经快到大家很久都看不到新闻上出现“博客”的程度了——即便出现,也是在讲博客衰退得有多厉害. 我去年建了一个独立博客,贴了几篇文章后,再没有更新. 今年主机商发信要求我续费时,我也没续,只把域名保留了下来.

轻博客之重

- lijingjing_11 - 月光博客
  从最初的点点、到推他、再到新浪轻博客,后面还有虎视眈眈的腾讯. 似乎只是在不经意之间,轻博客似乎便引燃了整个中国互联网的热情. 尽管在此之前,tumblr已经出现了一段时间,不过在很长一段时间里,tumblr仅仅只是一小众人手中的玩具,就像很多在我的博客上留言的读者所认为的那样,“图床”. 一直到了去年年底,tumblr才真正进入了主流的目光中,直至今日.

opensips - bw_0927 - 博客园

- -
随着通信IP化的发展,IP传输的高带宽、低成本等优势使得越来越多的企业、电信运营商加快建设基于IP的各种通信应用. 在通信协议IP化发展中,SIP协 议毫无争议地成为各大电信运营商构建其未来网络的基础协议,越来越多的SIP软件产品也不断出现在行业应用中. SIP协 议的标准化,同时也造就了一大批优秀的开源软件产品,包括Asterisk、SipXecs、FreeSWITCH、OpenSIPS等SIP服务端软 件,也包括X-lite、LinPhone、eyeBeam等SIP客户端软件.

Tribalfish = Twitter + 博客 + 论坛

- Kofai - 36氪
在网络上讨论流行话题有多重选择,你可以在Twitter上追踪话题或名人,也可以在博客上分享经验,更可以在论坛上你来我往,不过,Twitter上的讨论不够深入,博客讨论足够深入又不够及时,Tribalfish 就是集以上讨论工具的大成. 注册登陆后,你会看到好像论坛的界面,只是,不同于一般的论坛界面必须前后查找不同的话题,开启一页又一页的分布,Tribalfish让你可以仪在原页,直接点选感兴趣的内容,并在右方预览,也可以点选分享人的名字后追踪该使用者,这些设计也很像Twitter.

Tumblr博客数超WordPress.com

- jason - 36氪
著名的轻博客Tumblr成立只有四年时间,今天该网站托管的博客数超过了已有八年历史的WordPress.com. 一月份时Tumblr上有700万个独立博客,到目前为止,该网站上的博客计数器显示已有20873182个博客,比WordPress.com上的博客数「20820425」大约多出了8.5万个.

我为什么写博客

- SHENGMING - 博客园-首页原创精华区
如果你也是一名博主,阅读下文前不妨再思考下这个问题. 下文翻译自Gabriel Weinberg的博文《Why I blog》,部分段落为了更通顺地表达,采用了意译的方式. 坚持写这个博客是我所做的最明智的决定之一,我曾经开过很多个博客,只有这个博客坚持了下来. 去年,我为自己订立了一个目标:写100篇博文,最终不但达到目标,还超过了这个数字.

Jux:无文艺,不博客

- Richard - 爱范儿 · Beats of Bits
多年以来,我坚持博客写作,99.9% 的时间里我使用 WordPress. 虽然轻博客的出现让我一度改变了写作地点,但很快我放弃了那块地方,因为在我看来那只是一个 “大字版的微博”. 而 WordPress 也有一些让人纠结的地方:主题,插件,升级. 一个错误的决定会带来毁灭性的效果. 所以一直以来,我期待着有一个简单有效的文字创作平台,期待一个赏心悦目的图片分享平台,并期待它们同时出现在一个平台上.