Angular カスタム プロファイリング トラックが今利用可能になりました

Angular チームと Chrome チームは協力して、Angular 固有のデータとインサイトを Chrome DevTools パフォーマンス パネルに直接取り込み、開発者に統一されたプロファイリング エクスペリエンスを提供しました。この統合により、開発者は両方のツールの利点を組み合わせて、アプリケーションのパフォーマンスをより同期し、包括的に表示することができます。Chrome DevTools の Angular の新しいカスタム トラックは、アプリケーションのブートストラップ、コンポーネント、UI 同期、ライフサイクル フックなど、Angular の概念を使用してパフォーマンス データを提供します。カスタムトラックのフレームチャートは、対応するコンポーネントやその他のAngularの概念の下に関数の呼び出しをグループ化し、開発者が個々の関数にドリルダウンしてより詳細なビューを表示できるようにします。フレーム チャートのエントリは色分けされているため、開発者はアプリケーションで何が起こっているかをすばやく特定し、アプリケーション コード、他のスクリプト、またはブラウザー アクティビティを区別できます。色は、Dependency Injection サービス、Angular によってコンパイルされたテンプレート、エントリポイントなど、アプリケーションのさまざまな側面を表しています。カスタムトラックはインタラクティブで、開発者はフレームチャートのエントリをクリックして、特定のエントリに関するより詳細な情報を表示することができます。開始するには、開発者は最新バージョンの Angular と最新バージョンの Chrome を使用していることを確認し、Angular アプリケーションを開発者モードで実行し、コンソールで ng.enableProfiling() と入力してカスタムトラックを有効にする必要があります。この統合は、Angularエコシステム内の開発者エクスペリエンスを向上させるという継続的な取り組みを示しており、開発者はより高速で効率的なアプリケーションを構築できます。