英語からAIを使用して翻訳されました
この記事はAI技術を使用して翻訳されたことにご注意ください。正確性を維持するよう努めていますが、一部の詳細は元のテキストを完全に反映していない場合があります。情報に不明な点がある場合は、英語版を参照してください。
はじめに
Speed Analysis Labは、カスタム指標を自動的に収集します（特定のニーズに合わせて独自のメトリックを作成できます）。すべての最新のブラウザでサポートされている標準のJavaScriptインターフェースのおかげで、ページに非常に簡単に設定できます（サイトに外部ライブラリは必要ありません）。
カスタムタイミングは、特定の指標を作成することでパフォーマンス追跡を強化する非常にシンプルな方法です（追加のJavaScriptをページにインストールする必要はありません。標準APIです）。
カスタムタイミングの例：
- 検索入力のオートコンプリートが読み込まれ、機能する瞬間
- 製品リストで、ユーザーがフィルターと対話を開始できる瞬間
- ローディングスピナーが表示され、最終コンテンツを表示するために消える瞬間
- インターフェースが別々のウィジェットで構成されている場合、各ウィジェットのコンテンツが利用可能になる瞬間
カスタムタイミングの使用方法（User Timing API）
Speed Analysis Labは、開発者があなたのウェブページで宣言した「マーク」と「メジャー」を自動的に収集します（User Timing APIを使用）。データを分析しやすくするために、マークとメジャーの明確な命名ポリシーを持つことが重要です。
開発者にとって、マークの実装はJSコードの適切な場所に1行のコードを書くことと同じくらい簡単です：
performance.mark("my-custom-timing");
ページの最も重要な要素に対して独自のカスタムタイミングを設定すると、Speed Analysis Labはすぐにそれらを収集し始めます。
カスタムタイミングの表示
Speed Analysis Labの2つの場所からカスタムタイミングにアクセスできます。
1. ウォーターフォール（Speed Analysis Labレポートからウォーターフォールにアクセスできます）
2. モニター、ページグループ、シナリオ、および比較レポートに表示されるメトリックの中。
表示されるメトリックを管理を選択し、カスタムタイミングセクションまでスクロールします。ラインチャートに表示できるのはマークのみです（メジャーは表示できません）。