重复使用令人赞叹的字体图标，可能导致角度不足的内存不足崩溃[不是特定于浏览器的]

Question

我在ngFor循环中使用了字体真棒5图标，当我收到来自服务器的大量数据时，浏览器被暂停。如果我在循环中不使用超棒的字体图标，则一切正常。如何使用图标并避免潜在的内存不足崩溃？问题在所有非Chrome专用浏览器上仍然存在。  请检查下面的图片是否有错误。

代码：

      <tr *ngFor="let data of someList|  orderBy: {property: column, direction: direction}; let $index= index" (click)="takeMesomeWhere(data.number, data.cafe)">

      <td>{{ data.number }}</td>
      <td>{{data.cafe}}</td>
      <td>{{data.itemDes}}</td>
      <td class="text-center align-middle cursor-pointer" style="color:red">
        <i class="fas fa-times" aria-hidden="true"></i>
      </td>
      // if I remove the above td element, which contains font-awesome icons, everything works fine
     </tr>