PerformanceResourceTiming

PerformanceResourceTiming インターフェイスは、アプリケーションのリソースのロードに関する詳細なネットワークタイミングデータの取得と分析を可能にします。アプリケーションはタイミングメトリックを使用して、たとえば、XMLHttpRequest<SVG>、画像、スクリプトなどの特定のリソースを取得するのにかかる時間を判断できます。

インターフェイスのプロパティは、リダイレクトの開始時刻と終了時刻、フェッチの開始時刻、DNS ルックアップの開始時刻と終了時刻、レスポンスの開始時刻と終了時刻などのネットワークイベントに対するハイレゾリューションタイムスタンプを含むリソースロードタイムラインを作成します。さらに、このインターフェイスは、取得したリソースのサイズや取得を開始したリソースの種類に関するデータを提供する他のプロパティを使用して PerformanceEntry を拡張します。

註: この機能は Web Workers 内で利用可能です。

プロパティ

このインターフェイスは、以下のように修飾し制約することによって、リソースパフォーマンスエントリタイプの PerformanceEntry プロパティを拡張します。

PerformanceEntry.entryType読取専用
"resource" を返します。
PerformanceEntry.name読取専用
Returns the resources URL.
PerformanceEntry.startTime読取専用
Returns the timestamp for the time a resource fetch started. This value is equivalent to PerformanceEntry.fetchStart.
PerformanceEntry.duration読取専用
Returns a timestamp that is the difference between the responseEnd and the startTime properties.

The interface also supports the following properties which are listed in the order in which they are recorded for the fetching of a single resource. An alphabetical listing is shown in the navigation, at left.

PerformanceResourceTiming.initiatorType読取専用
A string representing the type of resource that initiated the performance entry, as specified in PerformanceResourceTiming.initiatorType.
PerformanceResourceTiming.nextHopProtocol読取専用
A string representing the network protocol used to fetch the resource, as identified by the ALPN Protocol ID (RFC7301).
PerformanceResourceTiming.workerStart読取専用
Returns a DOMHighResTimeStamp immediately before dispatching the FetchEvent if a Service Worker thread is already running, or immediately before starting the Service Worker thread if it is not already running. If the resource is not intercepted by a Service Worker the property will always return 0.
PerformanceResourceTiming.redirectStart読取専用
A DOMHighResTimeStamp that represents the start time of the fetch which initiates the redirect.
PerformanceResourceTiming.redirectEnd読取専用
A DOMHighResTimeStamp immediately after receiving the last byte of the response of the last redirect.
PerformanceResourceTiming.fetchStart読取専用
A DOMHighResTimeStamp immediately before the browser starts to fetch the resource.
PerformanceResourceTiming.domainLookupStart読取専用
A DOMHighResTimeStamp immediately before the browser starts the domain name lookup for the resource.
PerformanceResourceTiming.domainLookupEnd読取専用
A DOMHighResTimeStamp representing the time immediately after the browser finishes the domain name lookup for the resource.
PerformanceResourceTiming.connectStart読取専用
A DOMHighResTimeStamp immediately before the browser starts to establish the connection to the server to retrieve the resource.
PerformanceResourceTiming.connectEnd読取専用
A DOMHighResTimeStamp immediately after the browser finishes establishing the connection to the server to retrieve the resource.
PerformanceResourceTiming.secureConnectionStart読取専用
A DOMHighResTimeStamp immediately before the browser starts the handshake process to secure the current connection.
PerformanceResourceTiming.requestStart読取専用
A DOMHighResTimeStamp immediately before the browser starts requesting the resource from the server.
PerformanceResourceTiming.responseStart読取専用
A DOMHighResTimeStamp immediately after the browser receives the first byte of the response from the server.
PerformanceResourceTiming.responseEnd読取専用
A DOMHighResTimeStamp immediately after the browser receives the last byte of the resource or immediately before the transport connection is closed, whichever comes first.
PerformanceResourceTiming.transferSize読取専用
A number representing the size (in octets) of the fetched resource. The size includes the response header fields plus the response payload body.
PerformanceResourceTiming.encodedBodySize読取専用
A number representing the size (in octets) received from the fetch (HTTP or cache), of the payload body, before removing any applied content-codings.
PerformanceResourceTiming.decodedBodySize読取専用
A number that is the size (in octets) received from the fetch (HTTP or cache) of the message body, after removing any applied content-codings.
PerformanceResourceTiming.serverTiming読取専用
An array of PerformanceServerTiming entries containing server timing metrics.

メソッド

PerformanceResourceTiming.toJSON()
Returns a DOMString that is the JSON representation of the PerformanceResourceTiming object.

リソースタイミング API の使用の例を参照してください。

仕様

仕様書 ステータス コメント
Resource Timing Level 1
PerformanceResourceTiming の定義
勧告候補 初期定義

ブラウザの互換性

Update compatibility data on GitHub
デスクトップモバイル
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewAndroid 版 ChromeAndroid 版 FirefoxAndroid 版 OperaiOSのSafariSamsung Internet
PerformanceResourceTimingChrome 完全対応 43Edge 完全対応 ありFirefox 完全対応 40IE 完全対応 10Opera 完全対応 30Safari 完全対応 11WebView Android 完全対応 43Chrome Android 完全対応 43Firefox Android 完全対応 42Opera Android 完全対応 30Safari iOS 完全対応 11Samsung Internet Android 完全対応 4.0
connectEndChrome 完全対応 43Edge 完全対応 12Firefox 完全対応 40IE 完全対応 10Opera 完全対応 32Safari 完全対応 11WebView Android 完全対応 43Chrome Android 完全対応 43Firefox Android 完全対応 42Opera Android 完全対応 32Safari iOS 完全対応 11Samsung Internet Android 完全対応 4.0
connectStartChrome 完全対応 43Edge 完全対応 12Firefox 完全対応 40IE 完全対応 10Opera 完全対応 32Safari 完全対応 11WebView Android 完全対応 43Chrome Android 完全対応 43Firefox Android 完全対応 42Opera Android 完全対応 32Safari iOS 完全対応 11Samsung Internet Android 完全対応 4.0
decodedBodySizeChrome 完全対応 54Edge 完全対応 17Firefox 完全対応 45IE 未対応 なしOpera 完全対応 41Safari 未対応 なしWebView Android 完全対応 54Chrome Android 完全対応 54Firefox Android 完全対応 45Opera Android 完全対応 41Safari iOS 未対応 なしSamsung Internet Android 完全対応 6.0
domainLookupEndChrome 完全対応 43Edge 完全対応 12Firefox 完全対応 40IE 未対応 なしOpera 完全対応 30Safari 完全対応 11WebView Android 完全対応 43Chrome Android 完全対応 43Firefox Android 完全対応 42Opera Android 完全対応 30Safari iOS 完全対応 11Samsung Internet Android 完全対応 4.0
domainLookupStartChrome 完全対応 43Edge 完全対応 12Firefox 完全対応 40IE 未対応 なしOpera 完全対応 30Safari 完全対応 11WebView Android 完全対応 43Chrome Android 完全対応 43Firefox Android 完全対応 42Opera Android 完全対応 30Safari iOS 完全対応 11Samsung Internet Android 完全対応 4.0
encodedBodySizeChrome 完全対応 54Edge 完全対応 17Firefox 完全対応 45IE 未対応 なしOpera 完全対応 41Safari 未対応 なしWebView Android 完全対応 54Chrome Android 完全対応 54Firefox Android 完全対応 45Opera Android 完全対応 41Safari iOS 未対応 なしSamsung Internet Android 完全対応 6.0
fetchStartChrome 完全対応 43Edge 完全対応 12Firefox 完全対応 40IE 未対応 なしOpera 完全対応 30Safari 完全対応 11WebView Android 完全対応 43Chrome Android 完全対応 43Firefox Android 完全対応 42Opera Android 完全対応 30Safari iOS 完全対応 11Samsung Internet Android 完全対応 4.0
initiatorTypeChrome 完全対応 43Edge 完全対応 12Firefox 完全対応 40IE 未対応 なしOpera 完全対応 30Safari 完全対応 11WebView Android 完全対応 43Chrome Android 完全対応 43Firefox Android 完全対応 42Opera Android 完全対応 30Safari iOS 完全対応 11Samsung Internet Android 完全対応 4.0
nextHopProtocolChrome 完全対応 61Edge 完全対応 17Firefox 完全対応 45IE 未対応 なしOpera 未対応 なしSafari 未対応 なしWebView Android 完全対応 61Chrome Android 完全対応 61Firefox Android 完全対応 45Opera Android 未対応 なしSafari iOS 未対応 なしSamsung Internet Android 未対応 なし
redirectEndChrome 完全対応 43Edge 完全対応 12Firefox 完全対応 40IE 未対応 なしOpera 完全対応 30Safari 完全対応 11WebView Android 完全対応 43Chrome Android 完全対応 43Firefox Android 完全対応 42Opera Android 完全対応 30Safari iOS 完全対応 11Samsung Internet Android 完全対応 4.0
redirectStartChrome 完全対応 43Edge 完全対応 12Firefox 完全対応 40IE 未対応 なしOpera 完全対応 30Safari 完全対応 11WebView Android 完全対応 43Chrome Android 完全対応 43Firefox Android 完全対応 42Opera Android 完全対応 30Safari iOS 完全対応 11Samsung Internet Android 完全対応 4.0
requestStartChrome 完全対応 43Edge 完全対応 12Firefox 完全対応 40IE 未対応 なしOpera 完全対応 30Safari 完全対応 11WebView Android 完全対応 43Chrome Android 完全対応 43Firefox Android 完全対応 42Opera Android 完全対応 30Safari iOS 完全対応 11Samsung Internet Android 完全対応 4.0
responseEndChrome 完全対応 43Edge 完全対応 12Firefox 完全対応 40IE 未対応 なしOpera 完全対応 30Safari 完全対応 11WebView Android 完全対応 43Chrome Android 完全対応 43Firefox Android 完全対応 42Opera Android 完全対応 30Safari iOS 完全対応 11Samsung Internet Android 完全対応 4.0
responseStartChrome 完全対応 43Edge 完全対応 12Firefox 完全対応 40IE 未対応 なしOpera 完全対応 30Safari 完全対応 11WebView Android 完全対応 43Chrome Android 完全対応 43Firefox Android 完全対応 42Opera Android 完全対応 30Safari iOS 完全対応 11Samsung Internet Android 完全対応 4.0
secureConnectionStartChrome 完全対応 43Edge 完全対応 18Firefox 完全対応 40IE 未対応 なしOpera 完全対応 30Safari 完全対応 11WebView Android 完全対応 43Chrome Android 完全対応 43Firefox Android 完全対応 42Opera Android 完全対応 30Safari iOS 完全対応 11Samsung Internet Android 完全対応 4.0
serverTimingChrome 完全対応 65Edge ? Firefox 完全対応 61IE 未対応 なしOpera 完全対応 52Safari ? WebView Android 完全対応 65Chrome Android 完全対応 65Firefox Android 完全対応 61Opera Android 完全対応 47Safari iOS ? Samsung Internet Android 完全対応 あり
toJSONChrome 完全対応 43Edge 完全対応 ありFirefox 完全対応 40IE 未対応 なしOpera 完全対応 30Safari 完全対応 11WebView Android 完全対応 43Chrome Android 完全対応 43Firefox Android 完全対応 42Opera Android 完全対応 30Safari iOS 完全対応 11Samsung Internet Android 完全対応 4.0
transferSizeChrome 完全対応 54Edge 完全対応 17Firefox 完全対応 45IE 未対応 なしOpera 完全対応 41Safari 未対応 なしWebView Android 完全対応 54Chrome Android 完全対応 54Firefox Android 完全対応 45Opera Android 完全対応 41Safari iOS 未対応 なしSamsung Internet Android 完全対応 6.0
Available in workersChrome 完全対応 43Edge 完全対応 ありFirefox 完全対応 60IE 未対応 なしOpera 完全対応 32Safari 未対応 なしWebView Android 完全対応 43Chrome Android 完全対応 43Firefox Android 完全対応 60Opera Android 完全対応 32Safari iOS 未対応 なしSamsung Internet Android 完全対応 4.0
workerStartChrome 完全対応 43Edge 完全対応 16Firefox 完全対応 58IE 未対応 なしOpera 完全対応 32Safari 完全対応 11WebView Android 完全対応 43Chrome Android 完全対応 43Firefox Android 完全対応 58Opera Android 完全対応 32Safari iOS 完全対応 11Samsung Internet Android 完全対応 4.0

凡例

完全対応  
完全対応
未対応  
未対応
実装状況不明  
実装状況不明

あわせて参照