延迟加载是:延迟加载图像的长网页。视区外的图像不加载,直到用户滚动到他们。长网页使用延迟加载会使页面加载速度更快。在某些情况下,延迟加载可以减轻服务器的负载!
示例代码:
<script src="jquery.js" type="text/javascript"></script> <script src="jquery.lazyload.js" type="text/javascript"></script>
<img class="lazy" data-original="img/example.jpg" width="640" height="480">
$( function() { $("img.lazy").lazyload(); } );
lazyload()延迟加载,但是就算用js去掉src属性也会马上加载图片,所以lazyload()就让src先加载一个很小很小的占位图(1px*1px,几乎看不到),添加data-original属性可以延迟加载真正要显示的图片。