PerformanceTiming

{{APIRef("Performance API")}} {{Deprecated_Header}} 

[!WARNING] This interface is deprecated in the Navigation Timing Level 2 specification. Please use the {{domxref("PerformanceNavigationTiming")}}  interface instead.

The PerformanceTiming interface is a legacy interface kept for backwards compatibility and contains properties that offer performance timing information for various events which occur during the loading and use of the current page. You get a PerformanceTiming object describing your page using the {{domxref("Performance.timing", "window.performance.timing")}}  property.

Instance properties

The PerformanceTiming interface doesn’t inherit any properties.

These properties each describe the time at which a particular point in the page loading process was reached. Some correspond to DOM events; others describe the time at which internal browser operations of interest took place.

Each time is provided as a number representing the moment, in milliseconds since the UNIX epoch.

These properties are listed in the order in which they occur during the navigation process.

• {{domxref("PerformanceTiming.navigationStart")}}  {{ReadOnlyInline}}  {{Deprecated_Inline}} 
  • : When the prompt for unload terminates on the previous document in the same browsing context. If there is no previous document, this value will be the same as PerformanceTiming.fetchStart.
• {{domxref("PerformanceTiming.unloadEventStart")}}  {{ReadOnlyInline}}  {{Deprecated_Inline}} 
  • : When the {{domxref("Window/unload_event", "unload")}}  event has been thrown, indicating the time at which the previous document in the window began to unload. If there is no previous document, or if the previous document or one of the needed redirects is not of the same origin, the value returned is 0.
• {{domxref("PerformanceTiming.unloadEventEnd")}}  {{ReadOnlyInline}}  {{Deprecated_Inline}} 
  • : When the {{domxref("Window/unload_event", "unload")}}  event handler finishes. If there is no previous document, or if the previous document, or one of the needed redirects, is not of the same origin, the value returned is 0.
• {{domxref("PerformanceTiming.redirectStart")}}  {{ReadOnlyInline}}  {{Deprecated_Inline}} 
  • : When the first HTTP redirect starts. If there is no redirect, or if one of the redirects is not of the same origin, the value returned is 0.
• {{domxref("PerformanceTiming.redirectEnd")}}  {{ReadOnlyInline}}  {{Deprecated_Inline}} 
  • : When the last HTTP redirect is completed, that is when the last byte of the HTTP response has been received. If there is no redirect, or if one of the redirects is not of the same origin, the value returned is 0.
• {{domxref("PerformanceTiming.fetchStart")}}  {{ReadOnlyInline}}  {{Deprecated_Inline}} 
  • : When the browser is ready to fetch the document using an HTTP request. This moment is before the check to any application cache.
• {{domxref("PerformanceTiming.domainLookupStart")}}  {{ReadOnlyInline}}  {{Deprecated_Inline}} 
  • : When the domain lookup starts. If a persistent connection is used, or the information is stored in a cache or a local resource, the value will be the same as PerformanceTiming.fetchStart.
• {{domxref("PerformanceTiming.domainLookupEnd")}}  {{ReadOnlyInline}}  {{Deprecated_Inline}} 
  • : When the domain lookup is finished. If a persistent connection is used, or the information is stored in a cache or a local resource, the value will be the same as PerformanceTiming.fetchStart.
• {{domxref("PerformanceTiming.connectStart")}}  {{ReadOnlyInline}}  {{Deprecated_Inline}} 
  • : When the request to open a connection is sent to the network. If the transport layer reports an error and the connection establishment is started again, the last connection establishment start time is given. If a persistent connection is used, the value will be the same as PerformanceTiming.fetchStart.
• {{domxref("PerformanceTiming.connectEnd")}}  {{ReadOnlyInline}}  {{Deprecated_Inline}} 
  • : When the connection is opened network. If the transport layer reports an error and the connection establishment is started again, the last connection establishment end time is given. If a persistent connection is used, the value will be the same as PerformanceTiming.fetchStart. A connection is considered as opened when all secure connection handshake, or SOCKS authentication, is terminated.
• {{domxref("PerformanceTiming.secureConnectionStart")}}  {{ReadOnlyInline}}  {{Deprecated_Inline}} 
  • : When the secure connection handshake starts. If no such connection is requested, it returns 0.
• {{domxref("PerformanceTiming.requestStart")}}  {{ReadOnlyInline}}  {{Deprecated_Inline}} 
  • : When the browser sent the request to obtain the actual document, from the server or from a cache. If the transport layer fails after the start of the request and the connection is reopened, this property will be set to the time corresponding to the new request.
• {{domxref("PerformanceTiming.responseStart")}}  {{ReadOnlyInline}}  {{Deprecated_Inline}} 
  • : When the browser received the first byte of the response, from the server from a cache, or from a local resource.
• {{domxref("PerformanceTiming.responseEnd")}}  {{ReadOnlyInline}}  {{Deprecated_Inline}} 
  • : When the browser received the last byte of the response, or when the connection is closed if this happened first, from the server, the cache, or from a local resource.
• {{domxref("PerformanceTiming.domLoading")}}  {{ReadOnlyInline}}  {{Deprecated_Inline}} 
  • : When the parser started its work, that is when its {{domxref("Document.readyState")}}  changes to 'loading' and the corresponding {{domxref("Document/readystatechange_event", "readystatechange")}}  event is thrown.
• {{domxref("PerformanceTiming.domInteractive")}}  {{ReadOnlyInline}}  {{Deprecated_Inline}} 
  • : When the parser finished its work on the main document, that is when its {{domxref("Document.readyState")}}  changes to 'interactive' and the corresponding {{domxref("Document/readystatechange_event", "readystatechange")}}  event is thrown.
• {{domxref("PerformanceTiming.domContentLoadedEventStart")}}  {{ReadOnlyInline}}  {{Deprecated_Inline}} 
  • : Right before the parser sent the {{domxref("Document/DOMContentLoaded_event", "DOMContentLoaded")}}  event, that is right after all the scripts that need to be executed right after parsing have been executed.
• {{domxref("PerformanceTiming.domContentLoadedEventEnd")}}  {{ReadOnlyInline}}  {{Deprecated_Inline}} 
  • : Right after all the scripts that need to be executed as soon as possible, in order or not, have been executed.
• {{domxref("PerformanceTiming.domComplete")}}  {{ReadOnlyInline}}  {{Deprecated_Inline}} 
  • : When the parser finished its work on the main document, that is when its {{domxref("Document.readyState")}}  changes to 'complete' and the corresponding {{domxref("Document/readystatechange_event", "readystatechange")}}  event is thrown.
• {{domxref("PerformanceTiming.loadEventStart")}}  {{ReadOnlyInline}}  {{Deprecated_Inline}} 
  • : When the {{domxref("Window/load_event", "load")}}  event was sent for the current document. If this event has not yet been sent, it returns 0.
• {{domxref("PerformanceTiming.loadEventEnd")}}  {{ReadOnlyInline}}  {{Deprecated_Inline}} 
  • : When the {{domxref("Window/load_event", "load")}}  event handler terminated, that is when the load event is completed. If this event has not yet been sent, or is not yet completed, it returns 0.

Instance methods

The PerformanceTiming interface doesn’t inherit any methods.

• {{domxref("PerformanceTiming.toJSON()")}}  {{Deprecated_Inline}} 
  • : Returns a JSON object representing this PerformanceTiming object.

Specifications

{{Specifications}} 

Browser compatibility

{{Compat}} 

See also

• The {{domxref("Performance.timing")}}  property that creates such an object.
• {{domxref("PerformanceNavigationTiming")}}  (part of Navigation Timing Level 2) that has superseded this API.