首页 > web前端 > js教程 > 正文

InstantClick插件提升页面加载速度用法介绍

巴扎黑
发布: 2017-09-13 09:33:08
原创
1697 人浏览过

本篇文章主要介绍了提升页面加载速度的插件InstantClick,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

通常,我们为了减少DNS的查询时间,我们可以使用dns prefetch为该页面中链接的做解析,提升页面的加载速度。类似的,我们可以在鼠标滑到链接上到点击的时间间隙去加载这个页面,通常这个间隙有几百毫秒,利用InstantClick,我们可以充分利用这几百毫秒,让网站能够瞬间显示新页面,几乎没有延迟。

InstantClick的安装

安装InstantClick非常简单,只要把InstantClick下载过来放到某一个目录下,然后在之前引用一下代码即可,例如:


<script src="//img.ezloo.com/static/instantclick.min.js" data-no-instant></script>
<script data-no-instant>InstantClick.init();</script>
登录后复制

InstantClick可能会导致出现白屏的情况,官方给出了例子,解决了和Google Adsense之间的冲突。我发现百度统计也会导致白屏,在

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板