# Page Performance

<figure><img src="/files/IAVKUk6dcrSEpbZjDpZL" alt=""><figcaption><p><br><mark style="color:blue;"><strong>Find the various important aspects of page performance like FCP, FP, LCP, FID, Load time, CLS.</strong></mark><br></p></figcaption></figure>

### FCP, FP, LCP

1. **First Contentful Paint (FCP)**:

   FCP measures the time from when the page starts loading to when any part of the page's content is rendered on the screen. It indicates how quickly users can begin to consume content.
2. **First Paint (FP)**:

   FP marks the time when the first pixel is rendered on the screen, signaling the start of the page loading process. It provides an initial indication of load performance.
3. **Largest Contentful Paint (LCP)**:

   LCP measures the time from when the page starts loading to when the largest text block or image element is fully rendered within the viewport. It reflects the perceived load speed of the main content.

<figure><img src="/files/vF2ThGmItOHJcBY7x4kA" alt=""><figcaption></figcaption></figure>

### FID

FID quantifies the delay between the user's first interaction with a page (e.g., clicking a button) and the browser's response to that interaction. It is a key metric for measuring responsiveness and interactivity.

<figure><img src="/files/MWIsCLMOR7QapPzDD7ug" alt=""><figcaption></figcaption></figure>

### **Load Time**

Load time is the total duration from the start of the page load to the completion of all elements on the page. It determines how quickly users can fully interact with the page's content.

<figure><img src="/files/bigY2GUax8K8QBJ2zQUA" alt=""><figcaption></figcaption></figure>

### CLS

CLS measures the total of all individual layout shift scores for unexpected layout shifts that occur during the entire lifespan of the page. It helps assess the visual stability of a webpage and reduces user frustration from content shifting unexpectedly.

<figure><img src="/files/3mlJqSTzw9HpxDPyzoqN" alt=""><figcaption></figcaption></figure>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.zipy.ai/product-features/page-performance.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.