使用Jquery.lazyload框架提升网站页面加载性能。

1、首先应用两个Jquery文件

<span style="white-space:pre"></span><script src="lazy/jquery-1.9.1.min.js"></script>        <script src="lazy/jquery.lazyload.min.js"></script>

2、页面加载时执行的Jquery方法

<span style="white-space:pre"></span><script type="text/javascript">       <span style="white-space:pre"></span>$(document).ready(function () {            <span style="white-space:pre"></span>$("img.lazy").lazyload({ effect: "fadeIn", skip_invisible: false, failure_limit: 20, threshold: 100 });        <span style="white-space:pre"></span>})    <span style="white-space:pre"></span></script>

3、调用

<span style="white-space:pre"></span><img class="lazy" src="lazy/imgloading.gif" data-original="lazy/123.jpg" />