ベストプラクティス
パフォーマンス

ランタイムパフォーマンスの最適化

高速なレンダリングはAngularにとって不可欠であり、パフォーマンスの高いアプリケーションを開発できるよう、多くの最適化を念頭に置いてフレームワークを構築しました。アプリケーションのパフォーマンスをよりよく理解するために、Angular DevToolsと、Chrome DevToolsをプロファイリングに利用する方法についてのビデオガイドを提供しています。このセクションでは、最も一般的なパフォーマンス最適化手法について説明します。

変更検知は、Angularがアプリケーションの状態が変更されたか、およびDOMを更新する必要があるかを確認するプロセスです。大まかに言うと、Angularはコンポーネントを上から下へ辿り、変更を探します。Angularは変更検知メカニズムを定期的に実行し、データモデルへの変更がアプリケーションのビューに反映されるようにします。変更検知は、手動で、または非同期イベント(例えば、ユーザー操作やXMLHttpRequestの完了など)を介してトリガーできます。

変更検知は高度に最適化されており、パフォーマンスが高いですが、アプリケーションが頻繁に実行しすぎると、依然として速度低下を引き起こす可能性があります。

このガイドでは、アプリケーションの一部をスキップし、必要な場合にのみ変更検知を実行することで、変更検知メカニズムを制御および最適化する方法を学びます。

メディア形式でパフォーマンス最適化について詳しく学びたい場合は、このビデオをご覧ください。