以下两个代码的优缺点

Question

代码1：（HTML和打字稿）

我在HTML中有此按钮事件，并通过打字稿进行禁用检查。

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

public checkStatus(): boolean {
    return this.status === 3 || this.status === 4;
}

代码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>

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