PerformanceNavigationTiming

これは実験的な機能です。本番で使用する前にブラウザー実装状況をチェックしてください。

PerformanceNavigationTiming インターフェイスは、ブラウザのドキュメントナビゲーションイベントに関するメトリックを格納および取得するためのメソッドとプロパティを提供します。たとえば、このインターフェイスを使用して、ドキュメントのロードまたはアンロードにかかる時間を判断できます。

プロパティ

このインターフェイスは、ナビゲーションパフォーマンスエントリタイプの以下の PerformanceEntry プロパティを次のように限定して制限することで拡張します。

PerformanceEntry.entryType 読取専用
"navigation" を返します。
PerformanceEntry.name 読取専用
ドキュメントのアドレス を返します。
PerformanceEntry.startTime 読取専用
値 "0" を持つ DOMHighResTimeStamp を返します。
PerformanceEntry.duration 読取専用
PerformanceNavigationTiming.loadEventEndPerformanceEntry.startTime の各プロパティの差である timestamp を返します。

このインターフェイスは、ナビゲーションパフォーマンスエントリタイプの以下の PerformanceResourceTiming プロパティも、次のように修飾して制約することで拡張します。

PerformanceResourceTiming.initiatorType読取専用
"navigation" を返します。

 

インターフェイスは以下のプロパティもサポートします。

PerformanceNavigationTiming.domComplete 読取専用  
ブラウザが現在のドキュメントの現在のドキュメントレディネスを完了に設定する直前の時間と等しい時間値を表す DOMHighResTimeStamp
PerformanceNavigationTiming.domContentLoadedEventEnd 読取専用
現在のドキュメントの DOMContentLoaded イベントが完了した直後の時間と等しい時間値を表す DOMHighResTimeStamp
PerformanceNavigationTiming.domContentLoadedEventStart 読取専用
現在のドキュメントでユーザーエージェントが DOMContentLoaded イベントを起動する直前の時間と等しい時間値を表す DOMHighResTimeStamp
PerformanceNavigationTiming.domInteractive 読取専用  
ユーザーエージェントが現在の文書の現在の文書の準備状態を interactive に設定する直前の時間に等しい時間値を表すタイムスタンプを表す DOMHighResTimeStamp
PerformanceNavigationTiming.loadEventEnd 読取専用  
現在のドキュメントのロードイベントが完了した時刻を表す DOMHighResTimeStamp
PerformanceNavigationTiming.loadEventStart 読取専用  
現在のドキュメントのロードイベントが発生する直前の時間と等しい時間値を表す DOMHighResTimeStamp
PerformanceNavigationTiming.redirectCount 読取専用  
現在のブラウジングコンテキストでの最後のリダイレクト以外のナビゲーション以降のリダイレクト数を表す数値。
リダイレクトがなかった場合、またはリダイレクトが別のオリジンからのもので、そのオリジンが現在のオリジンにタイミング情報を公開することを許可していない場合、値は 0 になります。
PerformanceNavigationTiming.responseStart 読取専用  
ユーザーエージェントの HTTP パーサーが関連するアプリケーションキャッシュ、またはローカルリソースから、あるいはサーバからレスポンスの最初のバイトを受け取った直後の時間を表す DOMHighResTimeStamp
PerformanceNavigationTiming.requestStart 読取専用  
ユーザーエージェントがサーバ、または関連するアプリケーションキャッシュから、あるいはローカルリソースからリソースを要求し始める直前の時間を表す DOMHighResTimeStamp
PerformanceNavigationTiming.type 読取専用  
ナビゲーションタイプを表す 文字列。"navigate"、"reload"、"back_forward"、"prerender"のいずれかです。
PerformanceNavigationTiming.unloadEventEnd 読取専用  
ユーザーエージェントが前の文書のアンロードイベントを終了した直後の時間と等しい時間値を表す DOMHighResTimeStamp
PerformanceNavigationTiming.unloadEventStart 読取専用  
ユーザーエージェントが前のドキュメントのアンロードイベントを開始する直前の時間と等しい時間値を表す DOMHighResTimeStamp

メソッド

PerformanceNavigationTiming.toJSON()
PerformanceNavigationTiming オブジェクトの JSON 表現である DOMString を返します。

仕様

仕様書 ステータス コメント
Navigation Timing Level 2
PerformanceNavigationTiming の定義
草案 初期定義

ブラウザの互換性

Update compatibility data on GitHub
デスクトップモバイル
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewAndroid 版 ChromeAndroid 版 FirefoxAndroid 版 OperaiOSのSafariSamsung Internet
PerformanceNavigationTiming
実験的
Chrome 完全対応 57Edge 完全対応 ありFirefox 完全対応 58
補足
完全対応 58
補足
補足 You can disable this feature using the dom.enable_performance_navigation_timing preference (see bug 1403926).
IE 未対応 なしOpera 完全対応 44Safari 未対応 なしWebView Android 完全対応 57Chrome Android 完全対応 57Firefox Android 完全対応 58
補足
完全対応 58
補足
補足 You can disable this feature using the dom.enable_performance_navigation_timing preference (see bug 1403926).
Opera Android 完全対応 43Safari iOS 未対応 なしSamsung Internet Android 完全対応 7.0
domComplete
実験的
Chrome 完全対応 57Edge 完全対応 12Firefox 完全対応 58IE 未対応 なしOpera 完全対応 44Safari 未対応 なしWebView Android 完全対応 57Chrome Android 完全対応 57Firefox Android 完全対応 58Opera Android 完全対応 43Safari iOS 未対応 なしSamsung Internet Android 完全対応 7.0
domContentLoadedEventEnd
実験的
Chrome 完全対応 57Edge 完全対応 12Firefox 完全対応 58IE 未対応 なしOpera 完全対応 44Safari 未対応 なしWebView Android 完全対応 57Chrome Android 完全対応 57Firefox Android 完全対応 58Opera Android 完全対応 43Safari iOS 未対応 なしSamsung Internet Android 完全対応 7.0
domContentLoadedEventStart
実験的
Chrome 完全対応 57Edge 完全対応 12Firefox 完全対応 58IE 未対応 なしOpera 完全対応 44Safari 未対応 なしWebView Android 完全対応 57Chrome Android 完全対応 57Firefox Android 完全対応 58Opera Android 完全対応 43Safari iOS 未対応 なしSamsung Internet Android 完全対応 7.0
domInteractive
実験的
Chrome 完全対応 57Edge 完全対応 12Firefox 完全対応 58IE 未対応 なしOpera 完全対応 44Safari 未対応 なしWebView Android 完全対応 57Chrome Android 完全対応 57Firefox Android 完全対応 58Opera Android 完全対応 43Safari iOS 未対応 なしSamsung Internet Android 完全対応 7.0
loadEventEnd
実験的
Chrome 完全対応 57Edge 完全対応 12Firefox 完全対応 58IE 未対応 なしOpera 完全対応 44Safari 未対応 なしWebView Android 完全対応 57Chrome Android 完全対応 57Firefox Android 完全対応 58Opera Android 完全対応 43Safari iOS 未対応 なしSamsung Internet Android 完全対応 7.0
loadEventStart
実験的
Chrome 完全対応 57Edge 完全対応 12Firefox 完全対応 58IE 未対応 なしOpera 完全対応 44Safari 未対応 なしWebView Android 完全対応 57Chrome Android 完全対応 57Firefox Android 完全対応 58Opera Android 完全対応 43Safari iOS 未対応 なしSamsung Internet Android 完全対応 7.0
redirectCount
実験的
Chrome 完全対応 57Edge 完全対応 12Firefox 完全対応 58IE 未対応 なしOpera 完全対応 44Safari 未対応 なしWebView Android 完全対応 57Chrome Android 完全対応 57Firefox Android 完全対応 58Opera Android 完全対応 43Safari iOS 未対応 なしSamsung Internet Android 完全対応 7.0
toJSON
実験的
Chrome 完全対応 57Edge 完全対応 ありFirefox 完全対応 58IE 未対応 なしOpera 完全対応 44Safari 未対応 なしWebView Android 完全対応 57Chrome Android 完全対応 57Firefox Android 完全対応 58Opera Android 完全対応 43Safari iOS 未対応 なしSamsung Internet Android 完全対応 7.0
type
実験的
Chrome 完全対応 57Edge 完全対応 12Firefox 完全対応 58IE 未対応 なしOpera 完全対応 44Safari 未対応 なしWebView Android 完全対応 57Chrome Android 完全対応 57Firefox Android 完全対応 58Opera Android 完全対応 43Safari iOS 未対応 なしSamsung Internet Android 完全対応 7.0
unloadEventEnd
実験的
Chrome 完全対応 57Edge 完全対応 12Firefox 完全対応 58IE 未対応 なしOpera 完全対応 44Safari 未対応 なしWebView Android 完全対応 57Chrome Android 完全対応 57Firefox Android 完全対応 58Opera Android 完全対応 43Safari iOS 未対応 なしSamsung Internet Android 完全対応 7.0
unloadEventStart
実験的
Chrome 完全対応 57Edge 完全対応 12Firefox 完全対応 58IE 未対応 なしOpera 完全対応 44Safari 未対応 なしWebView Android 完全対応 57Chrome Android 完全対応 57Firefox Android 完全対応 58Opera Android 完全対応 43Safari iOS 未対応 なしSamsung Internet Android 完全対応 7.0

凡例

完全対応  
完全対応
未対応  
未対応
実験的。動作が変更される可能性があります。
実験的。動作が変更される可能性があります。
実装ノートを参照してください。
実装ノートを参照してください。

あわせて参照