Lazy Load 是一个可以延迟加载(亦称为惰性加载)长页面中图片的jQuery插件,在浏览器可视区域外的图片不会被载入,直到用户将页面滚动到它们所在的位置,效果可以参见谷歌图片搜索。减少了页面加载的时间了,也减轻了附件服务器的压力。更详细的介绍和配置方法可以点这里查阅。
下载地址:百度网盘
使用方法:将 lazyload.js
放置于主题 js
目录下,然后将下列代码加入 header.php
的 head
标签内:
<script type="text/javascript" src="http://lib.sinaapp.com/js/jquery/1.7.2/jquery.min.js?ver=1.7.2"></script>
<script type="text/javascript" src="<?php bloginfo('template_directory');?>/js/lazyload.js"></script>
<script type="text/javascript">$(function(){$("img").lazyload({effect:"fadeIn",failurelimit:30});});</script>
大家可以举一反三~适用于所有网站。。。
(早期介绍:通过滚动条下拉的图片延迟加载)