# DOM navigation indications

Copy as Markdown[Open in ChatGPT](https://chatgpt.com/?q=Read%20https%3A%2F%2Fcoralogix.com%2Fdocs%2Fuser-guides%2Frum%2Fsdk-features%2Fdom-navigation-indications.md%20and%20help%20me%20with%20my%20question%20about%20this%20Coralogix%20documentation%20page.)[Open in Claude](https://claude.ai/new?q=Read%20https%3A%2F%2Fcoralogix.com%2Fdocs%2Fuser-guides%2Frum%2Fsdk-features%2Fdom-navigation-indications.md%20and%20help%20me%20with%20my%20question%20about%20this%20Coralogix%20documentation%20page.)

## Overview[​](#overview "Direct link to 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.

## DOM navigation attributes[​](#dom-navigation-attributes "Direct link to DOM navigation attributes")

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

### Examples[​](#examples "Direct link to 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[​](#supported-attributes "Direct link to 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.                                           |