ユーザーのタイミングAPI -SitePointの発見

ユーザータイミングAPI：Webアプリのパフォーマンスの正確な測定

この記事は、Web開発者がアプリケーションのパフォーマンスを綿密に評価するための強力なツールであるユーザータイミングAPIを掘り下げています。 高精度のタイムスタンプを提供し、JavaScriptコード実行の正確な測定とレポートを可能にします。特にベンチマークに役立ちます。

APIは、2つの重要な概念を中心に中心にあります。マークは特定の時点を指定し、測定値は2つのマーク間の持続時間を計算します。 4つのメソッドが利用可能です：

、

、、および。 一般的にブラウザの互換性は、主要なデスクトップとモバイルブラウザー（Internet Explorer 10、Chrome 25、およびOpera 15を含む）全体でサポートされています。 サポートされていないブラウザでは、ポリフィルmark(name)が利用できます。clearMarks([name]) measure(name[, mark1[, mark2]]) APIは非同期操作の測定に優れています。操作の開始と終了にマークを配置することにより、開発者は正確なタイミングデータを取得し、パフォーマンスボトルネックと最適化のための領域を特定し、最終的にアプリケーション速度とユーザーエクスペリエンスを向上させます。 clearMeasures([name])

マークと測定値を理解する

usertiming.js

ユーザーのタイミングAPIは、

および

インターフェイスをレバレッジします（両方とも

）。 マークはタイムスタンプを保存しますが、測定値は2つのマーク間の間隔を計算します。 各エントリには次のものが含まれます：

：記述識別子。PerformanceMark PerformanceMeasurePerformanceEntry：「マーク」または「測定」を示します。

• ：タイムスタンプ（マーク用）またはスタートマークのタイムスタンプ（測定用）。 name
：0マークの場合;測定のための経過時間。
• entryType
• APIメソッドとデータ取得startTimeAPIは、オブジェクト内で4つのメソッドを公開します：
• duration
：指定された名前のタイムスタンプを作成します。

：マーク（すべてまたは特定のもの）を削除します。

：2つのマークの間の時間を測定します。window.performance

：測定値（すべてまたは特定のもの）を削除します。
• mark(name)
注：名前は一意のIDではありません。同じ名前を複数回使用すると、
• 。 clearMarks([name])保存されたデータにアクセスするには、
（マークまたは測定値の場合）および
• を使用して、両方ともソートされた配列を返します。 measure(name[, mark1[, mark2]])
例：関数実行時間の測定
• clearMeasures([name])

ブラウザのサポートとポリフィルstartTime

ユーザーのタイミングAPIは、広範囲にわたるサポートを享受しています。 ただし、ネイティブサポートが不足しているブラウザにポリフィルを提供し、高解像度の時間APIのusertiming.jsメソッドのみを必要とします。 performance.now()

デモと結論

デモ（Brevityのためにリンク省略）は、サポートされていないブラウザのエラー処理や測定データの表示など、APIの機能を紹介します。

ユーザーのタイミングAPIは、正確なパフォーマンス測定に役立つ貴重なツールであり、より滑らかなユーザーエクスペリエンスのためのパフォーマンスボトルネックを識別するためのきめ細かい制御を提供します。 その幅広いブラウザのサポートと利用可能なポリフィルは、幅広いプラットフォームにわたってその使いやすさを確保しています。

よくある質問（FAQ）

FAQSセクションはほとんど変わらず、ユーザーのタイミングAPIの機能、使用、制限に関する一般的な質問に対する簡潔な回答を提供します。

以上がユーザーのタイミングAPI -SitePointの発見の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。