---
title: "Catchpoint metrics vs Navigation Timing API events"
slug: "catchpoint-metrics-vs-navigation-timing-api-events"
updated: 2023-01-06T15:49:51Z
published: 2023-01-06T15:49:51Z
canonical: "docs.catchpoint.com/catchpoint-metrics-vs-navigation-timing-api-events"
---

> ## Documentation Index
> Fetch the complete documentation index at: https://docs.catchpoint.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Catchpoint metrics vs Navigation Timing API events

## Overview

Catchpoint uses the **Navigation Timing JavaScript API** to measure the performance of a web page as experienced by real users.

The Navigation Timing API is an interface that provides web applications with timing-related information from browsers and breaks down the events required to retrieve and display web pages in a browser and provides a timestamp for each event.

## Calculation Diagram

Calculation of various Catchpoint metrics using different performance timing JavaScript objects are provided below:

![](https://cdn.document360.io/cb4af8f9-6751-4fd2-b39c-07aae832badb/Images/Documentation/204354886-timing-overview.png)

| **Catchpoint Metric** | **Calculation using Navigation Timing Events** |
| --- | --- |
| **CONNECT (MS)** | performance.timing.secureConnectionStart - performance.timing.connectStart |
| **SSL (MS)** | performance.timing.connectEnd - performance.timing.secureConnectionStart |
| **FULL CONNECT (MS)** | performance.timing.connectEnd - performance.timing.connectStart |
| **WAIT (MS)** | performance.timing.responseStart - performance.timing.requestStart |
| **LOAD (MS)** | performance.timing.responseEnd - performance.timing.responseStart |
| **RESPONSE (MS)** | performance.timing.responseEnd - performance.timing.navigationStart |
| **DNS (MS)** | performance.timing.domainLookupEnd - performance.timing.domainLookupStart |
| **DOM INTERACTIVE (MS)** | performance.timing.domInteractive - performance.timing.navigationStart |
| **DOM LOADED (MS)** | performance.timing.domContentLoadedEventStart - performance.timing.navigationStart |
| **CONTENT LOAD (MS)** | performance.timing.loadEventStart - performance.timing.domLoading |
| **DOCUMENT COMPLETE (MS)** | performance.timing.domComplete - performance.timing.navigationStart |
| **REDIRECT (MS)** | performance.timing.redirectEnd - performance.timing.redirectStart |
| **SECURE CONNECT(MS)** | performance.timing.connectEnd-performance.timing.secureConnectionStart |