尽管网络带宽不断增加,但网站并没有更快很多。这是因为最大的瓶颈在于页面加载的延迟。InstantClick 是一个很小的 JavaScript 库,大大加速你的网站响应速度。
在访问者点击一个链接之前,鼠标会悬停在链接上面,这两个事件之间通常有200ms~300ms的间隔,InstantClick 利用这个时间间隔预加载页面。这样当你点击页面的时候,其实页面已经加载到本地了,呈现当然也就会很快。
InstantClick 使用了 pushState 和 Ajax 技术,这个组合被称为 Pjax。
您可能感兴趣的相关文章
- 精心挑选的美轮美奂的 jQuery 图片特效插件
- 精心挑选的优秀jQuery Ajax分页插件和教程
- 精心挑选的优秀 jQuery 文本特效插件和教程
- 8款非常棒的响应式 jQuery 幻灯片插件推荐
- 精心挑选12款优秀 jQuery 手风琴插件和教程
使用示例:
...
<script src="instantclick.min.js" data-no-instant></script>
<script data-no-instant>InstantClick.init();</script>
</body>
</html>
您可能感兴趣的相关文章
- 期待已久的2013年度最佳 jQuery 插件揭晓
- 小伙伴们都惊呆了!8个超炫的 Web 效果
- 10大流行的 Metro UI 风格 Bootstrap 主题
- 推荐35款精致的 CSS3 和 HTML5 网页模板
- 精选12款优秀 jQuery Ajax 分页插件和教程