一些非常知名的库，如ng-defer-load，lazysizes可以轻松地将延迟加载性能模式应用于图像，但是我们可以在不使用它们的情况下手动执行此操作吗？
我们想了解这些库中使用的技术，这样我们就可以以某种方式实现它，而无需导入太多库并增加捆绑包大小。
编辑
一个assets图像文件夹(jpg，png(，我们过去常常以通常的方式添加到模板中：
<img src="../../../assets/img/logo.png" width="100" height="100" style="display:inline-flex; float:left" />
如何优化这种方法？
谢谢
尝试本机延迟加载🚀🚀喜欢这个
<img src="image.png" loading="lazy" alt="…" width="200" height="200">
以下是加载属性支持的值：
- auto：浏览器的默认延迟加载行为，这是相同的 因为不包括该属性。
- 惰性：延迟加载资源，直到达到计算值 与视口的距离。
- 渴望：立即加载资源，无论资源位于何处 位于页面上。