为什么 angular 8 应用长时间空闲

如何解决为什么 angular 8 应用长时间空闲

我正在尝试了解如何改善网页的加载时间。我很快注意到空闲时间很长（大约 40%），但我很难理解可能是什么问题。这是表演的样本。

API 调用

    ngOnInit() {
    this.blogService.getBlogs()
                    .subscribe(data => {
                      this.blogs = data;
                    },error => console.log(error));
  }

服务

ngOnInit() {
    this.blogService.getBlogs()
                    .subscribe(data => {
                        this.blogs = data;
                    },error => console.log(error));
}

父元素html

<app-header></app-header>
<div class="container-fluid">
    <div class="row">
        <div class="col">
        </div>
        <div class="col-6">
            <ul>
                <li *ngFor="let blog of blogs">
                    <app-blog-preview [id]="blog.id" [title]="blog.title" [banner]="blog.banner" [description]="blog.description" [postDate]="blog.postDate"></app-blog-preview>
                </li>
            </ul>
        </div>
        <div class="col">
        </div>
    </div>
</div>

子元素 html (app-blog-preview)

<div>
    <a [routerLink]="['/blog',id]"><h1 >{{title}}</h1></a>
    <p> 
      <img [src]="'data:image/jpg;base64,' + banner" alt="" id="pic">
        {{description}}
    </p>
</div>

我想了解是什么问题，或者我应该怎么做才能了解问题的来源。非常感谢。