教你用LazyLoad.js来优化网站加载速度

发布时间：2021-01-07    关键词:lazyload 网站速度优化   阅读数:

今天主要给大家介绍一下，如何用LazyLoad.js实现网站懒加载。使用lazyload在SEO优化中的主要作用是优化网站的打开速度。对于有大量图片的网站，使用lazyload会极大优化网站加载速度。实现的效果简单说就是你鼠标滑到哪，哪里的图片才开始加载。
上一下LazyLoad的用法
1.首先引入相关js文件，一个jquery，一个jquery.lazyload

<script src="jquery.min.js"></script>
<script src="jquery.lazyload.js"></script>

<img class="lazy" data-original="chrome.jpg">

<script type="text/javascript" charset="utf-8">
 $(function() {
    $("img.lazy").lazyload({
        effect: "fadeIn"
    });
  });
</script>