InstantClick 使网页上的链接快速加载

原理

        InstantClick 是一个很小的 JavaScript 库,大大加速你的网站响应速度。InstantClick 使用了 PushState 和 ajax 技术,这个组合被称为 pjax .
        在访问者点击一个链接之前,鼠标会悬停在链接上面,然后按下鼠标,最后松开鼠标,这两个事件之间通常有200ms~300ms的间隔(你可以在这里测测你的速度),这段时间 InstantClick 会对链接里的内容进行预加载。在移动设备上,预加载从开始触摸链接进行,InstantClick 使用 350ms(Android) 400ms(iOS) 去进行预加载。

代码

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

下载

Github

24 条评论

发表回复

*

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据