当前位置：文江博客知识库 en-US 文档 Web API PerformanceNavigationTiming

PerformanceNavigationTiming - Web APIs 编辑

Experimental

This is an experimental technology
Check the Browser compatibility table carefully before using this in production.

The PerformanceNavigationTiming interface provides methods and properties to store and retrieve metrics regarding the browser's document navigation events. For example, this interface can be used to determine how much time it takes to load or unload a document.

  <div id="interfaceDiagram" style="display: inline-block; position: relative; width: 100%; padding-bottom: 11.666666666666666%; vertical-align: middle; overflow: hidden;"><svg style="display: inline-block; position: absolute; top: 0; left: 0;" viewbox="-50 0 600 70" preserveAspectRatio="xMinYMin meet"><a xlink:href="https://developer.mozilla.org/wiki/en-US/docs/Web/API/PerformanceEntry" target="_top"><rect x="1" y="1" width="160" height="50" fill="#fff" stroke="#D4DDE4" stroke-width="2px" /><text  x="81" y="30" font-size="12px" font-family="Consolas,Monaco,Andale Mono,monospace" fill="#4D4E53" text-anchor="middle" alignment-baseline="middle">PerformanceEntry</text></a><polyline points="161,25  171,20  171,30  161,25" stroke="#D4DDE4" fill="none"/><line x1="171" y1="25" x2="201" y2="25" stroke="#D4DDE4"/><a xlink:href="https://developer.mozilla.org/wiki/en-US/docs/Web/API/PerformanceNavigationTiming" target="_top"><rect x="201" y="1" width="270" height="50" fill="#F4F7F8" stroke="#D4DDE4" stroke-width="2px" /><text  x="336" y="30" font-size="12px" font-family="Consolas,Monaco,Andale Mono,monospace" fill="#4D4E53" text-anchor="middle" alignment-baseline="middle">PerformanceNavigationTiming</text></a></svg></div>

  a:hover text { fill: #0095DD; pointer-events: all;}

Properties

This interface extends the following PerformanceEntry properties for navigation performance entry types by qualifying and constraining them as follows:

PerformanceEntry.entryType Read only: Returns "navigation".
PerformanceEntry.name Read only: Returns the document's address.
PerformanceEntry.startTime Read only: Returns a DOMHighResTimeStamp with a value of "0".
PerformanceEntry.duration Read only: Returns a timestamp that is the difference between the PerformanceNavigationTiming.loadEventEnd and PerformanceEntry.startTime properties.

This interface also extends following PerformanceResourceTiming properties for navigation performance entry types by qualifying and constraining them as follows:

PerformanceResourceTiming.initiatorTypeRead only: Returns "navigation".

The interface also supports the following properties:

PerformanceNavigationTiming.domComplete Read only: A DOMHighResTimeStamp representing a time value equal to the time immediately before the browser sets the current document readiness of the current document to complete.
PerformanceNavigationTiming.domContentLoadedEventEnd Read only: A DOMHighResTimeStamp representing the time value equal to the time immediately after the current document's DOMContentLoaded event completes.
PerformanceNavigationTiming.domContentLoadedEventStart Read only: A DOMHighResTimeStamp representing the time value equal to the time immediately before the user agent fires the DOMContentLoaded event at the current document.
PerformanceNavigationTiming.domInteractive Read only: A DOMHighResTimeStamp representing a timestamp representing the time value equal to the time immediately before the user agent sets the current document readiness of the current document to interactive.
PerformanceNavigationTiming.loadEventEnd Read only: A DOMHighResTimeStamp representing the time when the load event of the current document is completed.
PerformanceNavigationTiming.loadEventStart Read only: A DOMHighResTimeStamp representing the time value equal to the time immediately before the load event of the current document is fired.
PerformanceNavigationTiming.redirectCount Read only: A number representing the number of redirects since the last non-redirect navigation under the current browsing context.; If there was no redirect, or if the redirect was from another origin, and that origin does not permit it's timing information to be exposed to the current origin then the value will be 0.
PerformanceNavigationTiming.requestStart Read only: A DOMHighResTimeStamp representing the time immediately before the user agent starts requesting the resource from the server, or from relevant application caches or from local resources.
PerformanceNavigationTiming.responseStart Read only: A DOMHighResTimeStamp representing the time immediately after the user agent's HTTP parser receives the first byte of the response from relevant application caches, or from local resources or from the server.
PerformanceNavigationTiming.type Read only: A string representing the navigation type. Must be: "navigate", "reload", "back_forward" or "prerender".
PerformanceNavigationTiming.unloadEventEnd Read only: A DOMHighResTimeStamp representing the time value equal to the time immediately after the user agent finishes the unload event of the previous document.
PerformanceNavigationTiming.unloadEventStart Read only: A DOMHighResTimeStamp representing the time value equal to the time immediately before the user agent starts the unload event of the previous document.