DOM Navigation Indications

Overview

Customize your application’s performance management by capturing a wide range of browser document navigation indications. Collecting DOM navigation data allows you to:

Identify the component with the longest load time.
Measure the time required to load or unload a document.
Pinpoint slow-loading phases to identify bottlenecks.
Determine when key content becomes interactive or visible.
Trace issues such as rendering delays or excessive redirects.
Monitor loading performance across various user devices, browsers, or networks.
Support SEO optimization efforts.

Your browser document navigation indications are stored in the cx_rum.web_vitals_context field. For example, cx_rum.web_vitals_context.domComplete.

Examples

"web_vitals_context": {
    "activationStart": 92.10000002384186,
    "domComplete": 583.1999999880791,
    "domContentLoadedEventEnd": 544.1000000238419,
    "domContentLoadedEventStart": 544,
    "domInteractive": 313.9000000357628,
    "id": "v3-1733232401662-9386591953927",
    "loadEventEnd": 583.4000000357628,
    "loadEventStart": 583.1999999880791,
    "name": "LT",
    "navigationType": "navigate",
    "redirectCount": 0,
    "unloadEventEnd": 0,
    "unloadEventStart": 0,
    "url": "https://coralogix.com/",
    "value": 583.4000000357628
}

Supported attributes

Property	Description
activationStart	The time between when a document starts prerendering and when it is activated.
domComplete	The state in which the document and all sub-resources have finished loading.
domContentLoadedEventStart	The time immediately before the DOMContentLoaded event starts.
domContentLoadedEventEnd	The time immediately after the DOMContentLoaded event completes.
domInteractive	The time when the document becomes interactive.
loadEventStart	The time when the load event of the document starts.
loadEventEnd	The time when the load event of the document completes.
redirectCount	The number of redirects since the last non-redirect navigation in the current browsing context.
type	Type of navigation (navigate, reload, back_forward, or prerender).
unloadEventStart	The time immediately before the unload event handler starts.
unloadEventEnd	The time immediately after the unload event handler completes.
name	The type of the web_vitals_context field, loading time (LT) in this case.
value	The loading time of the page.
navigationType	Which navigation event triggered the page load event.