php延迟加载图片,lazyload图片延迟加载 适用所有类型

关于lazyload图片延迟加载简单介绍

LazyLoad大家再熟悉不

过的一个jquery插件了，它可以延迟加载长页面中的图片.

也就是说在浏览器可视区域外的图片不会被载入，直到用户将页面滚动到它们所在的位置才会加载并显示出来，这和图片预加载的处理方式正好刚好相反。图片不多

的页面时，效果并不太明显，但是当页面大图片比较多的时候，这种效果就比较显著了，明显加快了页面的加载速度。浏览器将会在加载可见图片之后即进入就绪状

态，在某些情况下还可以帮助降低服务器负担。

因此，比较流行的wordpress主题，typecho主题，emlog主题等都使用了lazyload图片延迟加载来实现快速加载页面。

当然啦，你的网站纯文字的，就没必要多搞个jquery插件了。

怎样使用lazyload？

其实很简单，只需在你所使用头部

标签中插入下面一段代码即可,你也可以添加到footer中。

jQuery(function() {

jQuery("img").lazyload({

placeholder:"https://cdn.aeink.com//content/templates/emlog_dux/images/loading.gif",

effect:"fadeIn"

});

});

以我的网站和现在使用的emlog大前端举例子，我是习惯把js添加到底部的，路径在/content/templates/emlog_dux/footer.php,把前面的代码添加到