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

教你用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>
2.将需要实现懒加载效果的图片代码修改为这种
<img class="lazy" data-original="chrome.jpg">
3.初始化lazyload并设置图片显示方式
<script type="text/javascript" charset="utf-8">
 $(function() {
    $("img.lazy").lazyload({
        effect: "fadeIn"
    });
  });
</script>

相关文章

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

分享两种常用的SEO网站图片优化方法

小邱分享让你的网站被搜索引擎快速收录的方法

外链有哪几种类型?我们去哪里发外链?

搜索引擎蜘蛛爬取的第一个网站文件是什么?