性能缓慢，500kb图像需要6s +才能加载

Question

在我的应用程序中，我有三个ng-repeat部分，重复一个字符串和一个图像，并且内容较小，性能很好，但如果有“很多”（100+）的图像，页面需要相当多加载时（10秒以上）。

<div ng-repeat="data in data">

  <div class="horizontalLabelImageWrap">
    <p> {{data.label | limitTo:50}} </p>
    <div class="imageContainer">
      <img class="thumbnailImage" ng-src="{{::data.image}}" ng-if="data.image != null" ng-mouseover="imageHover($event)" />
    </div>
  </div>

</div>

来自firefox控制台的

性能SS。

值得448 KB的图片需要7.66秒才能加载？

我对于糟糕的表现感到非常困惑，这是预期的100多张图片吗？

不确定延迟加载是否会对我有所帮助，或者我的设置是否存在根本性问题。

我该怎么做才能提高加载时间性能？