Html 以下两种代码的优缺点

代码1：（HTML和打字脚本）

我在HTML中有这个按钮事件，并从typescript中执行禁用检查

<button mat-icon-button color="warn" (click)="onClickDelete()" [disabled]="checkStatus()">
  <mat-icon class="fa fa-trash"></mat-icon>
</button>

代码2：（仅HTML）

直接在HTML中执行禁用检查

<button mat-icon-button color="warn" (click)="onClickDelete()" [disabled]="status === 3 || status === 4">
  <mat-icon class="fa fa-trash"></mat-icon>
</button>

---

我的任务是提高网站的性能速度，因此我应该使用哪种方式来构建网站，或者这两种代码之间没有差异？

这两种代码之间的选择是。。。a） 不会对绩效产生可测量的影响（通过测量两者来证明我错了）。。。b） 不是正确的问题-正确的问题是“哪个更可读，因为我需要维护这个应用程序”。。。c） 对于堆栈溢出来说，有点过于主观。

<button mat-icon-button color="warn" (click)="onClickDelete()" [disabled]="status === 3 || status === 4">
  <mat-icon class="fa fa-trash"></mat-icon>
</button>