所在的位置: js >> js介绍 >> Reclinerjs延迟加载图像iFr

Reclinerjs延迟加载图像iFr

Recliner.js是一个超级轻量级jQuery插件,压缩后只有1KB,用于延迟加载图像、iFrames和其他动态Ajax内容。懒加载从来没有这么好的感觉。

当我们的客户之一在他们的一个媒体大移动新闻网站上带着巨大的滚动滞后来到我们的时候,这个脚本就诞生了。结果发现lazy-load-xt是罪魁祸首,所以我们自然地测试了其他懒加载脚本,但是其中并没有符合我们的简单标准:

轻量级在元素上设置有状态的CSS类。为自定义行为重写事件回调的能力可装任何动态内容,图像、iframes和ajax移动友好打印机友好

Recliner.js目前使用在一些非常高的交通站点,所以它是很好的测试和生产准备。

安装

如果你用bower然后键入:

bowerinstallcliner

或者如果你喜欢用npm然后继续输入:

npminstalljquery-cliner

否则,只需下载cliner.min.js并将其放入资源文件夹中即可。

使用

将jQuery.x或1.x和Recline添加到HTML源代码中:

scriptsrc="//code.jquery.


转载请注明:http://www.aierlanlan.com/rzfs/8413.html

  • 上一篇文章:
  •   
  • 下一篇文章: 没有了