1. 使用变量替换“getImg()”函数调用，确保只调用一次：

HTML模板：

组件：

imgSrc: string;

ngOnInit() {
  this.imgSrc = this.getImg();
}

getImg() {
  return 'http://example.com/image.jpg';
}

2. 使用“OnPush”变化检测策略：

HTML模板：

组件：

import { Component, ChangeDetectionStrategy } from '@angular/core';

@Component({
  selector: 'app-image',
  template: '',
  changeDetection: ChangeDetectionStrategy.OnPush
})
export class ImageComponent {
  imgSrc: string;

  constructor() {
    this.imgSrc = this.getImg();
  }

  getImg() {
    return 'http://example.com/image.jpg';
  }
}

3. 使用“ngIf”指令延迟加载：

HTML模板：

组件：

showImage = true;

getImg() {
  return 'http://example.com/image.jpg';
}