今天主要给大家介绍一下,如何用LazyLoad.js实现网站懒加载。使用lazyload在SEO优化中的主要作用是优化网站的打开速度。对于有大量图片的网站,使用lazyload会极大优化网站加载速度。实现的效果简单说就是你鼠标滑到哪,哪里的图片才开始加载。
上一下LazyLoad的用法
1.首先引入相关js文件,一个jquery,一个jquery.lazyload
<script src="jquery.min.js"></script>
<script src="jquery.lazyload.js"></script>
2.将需要实现懒加载效果的图片代码修改为这种
<img class="lazy" data-original="chrome.jpg">
3.初始化lazyload并设置图片显示方式
<script type="text/javascript" charset="utf-8">
$(function() {
$("img.lazy").lazyload({
effect: "fadeIn"
});
});
</script>
下一篇:返回列表