按需加载，即一种在页面加载时延迟加载一些非关键资源的技术。
作为网页内容的一部分图像和影像通常需要消耗很多资源加载。在网页优化的过程中，需要避免资源浪费在加载图片和视频上。这时候就需要用到懒加载，它可以帮助我们减少加载时间和降低负载，而不在内容上偷工减料。
浏览网站时准备往下拖动滚动条
拖动图片到视窗
占位图片被替换成最终图片
浪费流量。如果一次性的加载大量图片会浪费用户的钱，而如果使用懒加载，会在用户需要时才加载，为客户省下流量。
消耗额外的电量和其他系统资源，并且延长了浏览器解析的时间。在资源下载完成后，浏览器需要对图像和视频进行解析或者解码，然后才渲染到视图上，这些都需要消耗浏览器的时间
本文内容仅供个人学习、研究或参考使用，不构成任何形式的决策建议、专业指导或法律依据。未经授权，禁止任何单位或个人以商业售卖、虚假宣传、侵权传播等非学习研究目的使用本文内容。如需分享或转载，请保留原文来源信息，不得篡改、删减内容或侵犯相关权益。感谢您的理解与支持！
优势：性能收益：浏览器加载图片、decode、渲染都需要耗费资源，懒加载能节约性能消耗，缩短onload事件时间。节约带宽：这个不需要解释。
到此，实现图片懒加载主要有两种方法： 监听 scroll 事件，通过 getBoundingClientRect() 计算目标元素与视口的交叉状态；IntersectionObserver 接口。
什么叫懒加载？就是只有在访问的时候才会进行请求加载，这可以有效提升网站打开的速度,加上这行，就可以做到懒加载↓===括号里的路径改成组件的路径，然后就不需要在上面import了
在项目开发中，我们往往会遇到一个页面需要加载很多图片的情况。我们可以一次性加载全部的图片，但是考虑到用户有可能只浏览部分图片。所以我们需要对图片加载进行优化
在讲图片的惰性加载前，我们先来聊聊惰性加载。惰性加载又称为延迟加载、懒加载等，还有个好听的英文名字叫做 lazyload。需要注意的是，惰性加载并不只是图片的专利，Javascript 中函数也有惰性加载的概念
在小程序开发的过程中，小程序的体积会随着版本的迭代变的越来越大，这时候我们就希望能够将小程序分成多个包从服务器下载，这样既可以加快首屏的渲染也便于后续按需加载的实现
在autoload机制引入前，要引用其他文件中的函数和类需使用include/require把文件加载。随着SPL库中的autoload机制以及命名空间的完善，现代化PHP开发鲜少见到以include/require的方式加载类
在正常的加载过程中，js的加载都是同步的，也就是在加载过程中，浏览器会阻塞接下来的内容的加载。这时候我们就要用到动态加载，动态加载是异步的，如果我们在后边要用到这个动态加载的js文件里的东西
Future对象表示异步操作的结果，我们通常通过then（）来处理返回的结果；async用于标明函数是一个异步函数，其返回值类型是Future对象；await用来等待耗时操作的返回结果，这个操作会阻塞到后面的代码
需求：根据页面滚动，当图片进入视野，就开始加载，否则不加载任何图片。页面加载完成时先调用一下，首屏内的图片。代码简单，却很通用，很实用。方便扩展
内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!
