Javascript 防止图像'；当它'；隐藏的

我正在开发响应性web应用程序，当我使用移动设备时，我注意到隐藏的图像会上传到浏览器的网络中。因此，这对应用程序的性能不是一件好事，我想在im使用移动设备时停止上传这些图像。 在我的HTML中，我为每个设备和变量使用css样式在普通浏览器中显示图像，并将其隐藏在移动设备中（使用*ngIf），但这并不阻止它上载图像。 你能帮助解决这个优化问题吗？最好的方法是什么。 我正在使用Angular 8，我不想使用jQuery

提前感谢

loadIt（）{
loadIt() {
    if(imageIsInFront) {
    mustBeLoaded = true;
    }
}

<div *ngFor="let img of images, let i=index">
  <img *ngIf="mustBeLoaded" (load)="loadIt()" [src]="img">
</div>

如果（imageIsInFront）{
mustBeLoaded=true；
}
}

---

未测试

您可以使用（加载）事件，当前如何隐藏图像？请添加您的代码。@Sajad我用*ngifp隐藏它，请阅读并编辑相应的问题。@CBroe确定。。。谢谢这是一个懒惰的加载。。。否？@Nick是的，但它确实可以防止加载不必要的请求