几 乎所有经常大量使用图片展示的网站都对针对图片加载执行了一些有效的优化步骤,然而,并不是任何情况都能指望这样做。有时候你的确需要加载非常大的图片, 而最后结果往往是图片加载过慢导致页面本身没有加载完整。因此考虑使用一些不错的jQuery插件帮助你异步加载图片以优化页面加载速度往往是一个不错的 选择!
Queryloader v2
Queryloader v2简单的扫描指定元素的图片,并且在网站显示之前加载相关图片。
JAIL
JAML是一个异步的图片加载的插件,这个插件非常小(压缩版本仅4Kb ),非常小但是很强大。非常适合去加载大尺寸的图片。优化用户使用体验,主要的实现方式是在页面加载后再加载图片。
Lazy load plugin for jQuery
Lazy load是一个jQuery的插件,帮助长页面延缓加载图片。当图片处于用户的viewport之外,先不加载,当用户滚动后,再加载相应的图片。
使用lazy load将会对于一个页面大量图片的加载有很大的帮助,类似Google的图片搜索结果中的加载方式。能有效的减小服务器负载。
PrettyLoader
prettyloader是一个非常小的jQuery插件仅4kb。使用ajax方式加载。
Pageloading - jQuery插件
jQuery插件帮助你在加载页面过程中实现一个“加载中”界面
感谢 gbin1.com 的投稿
Simple Content loader
提供一个非常简洁方便的方式来调用远程的页面。提供大量的选项帮助你自定义插件。
Image loading
这个教程将介绍如何在后台加载图片,并且一旦完成后处理自己的事件及其创建自己的响应。
Ajaxload
Ajax loading gif生成器
spin.js
Spin.js是一个javascript的类库帮助你不使用图片来生成一个"加载中"的图标
CSS load.net
ajax&jQuery加载中的图标生成器
来源: 分享10个jQuery图片加载插件和教程及其生成器
感谢 gbin1.com 的投稿