2017-09-12 17 views
1

パフォーマンスに関心がある場合は、より大きなテンプレートを使用しているコンポーネントの数を減らしたり、より小さなテンプレートを使用してコンポーネントを使用して、アプリをAngularで構造化する必要がありますか?角型コンポーネントのテンプレートサイズ

より多くのコンポーネントがあるように見えますが、より多くのテンプレートを使用して実行するにはより多くのロジックが必要ですが、より多くのライフサイクルが必要です。

これらの2つのアプローチがアプリのパフォーマンスにどのような影響を与えるかについてご意見はありますか?

+1

あなたがしてベンチマークを行うことを確認したい場合。私は小さなテンプレートでより少ないコンポーネントを好む:) – yurzui

答えて

1

テンプレートに関連するパフォーマンスに重点を置かないでください。 常にコンポーネント/テンプレートを最も論理的な方法で構造化し、小さな部品を再利用可能なコンポーネントに抽出してみます。比較的小さなテンプレートで多くの小さな断片を持つのは自然です。

パフォーマンスの問題が発生した場合は、通常、Angularが変更検出を実行する頻度と、HTMLビューを再描画する頻度(遅い)の調査から始めます。

ChangeDetectionStrategy.OnPushで開始すると、多くのことを助けることができるが、ここで完璧な記事があります:Angular Change Detection Explained

関連する問題