# Performance

### How Does It Work?

This script extension helps you view your Webflow website's performance from the user's perspective by collecting Real User Monitoring (RUM) data.

The metrics noted in the table below, measured in milliseconds, are collected and made accessible through the 'geoflow' object—alongside the other visitor data properties.

<table data-full-width="false"><thead><tr><th width="255">Property Name</th><th width="388">Property Variable</th><th>Type</th></tr></thead><tbody><tr><td>First Paint</td><td><mark style="color:yellow;"><code>Performance_FP</code></mark></td><td>Number</td></tr><tr><td>First Contentful Paint</td><td><mark style="color:yellow;"><code>Performance_FCP</code></mark></td><td>Number</td></tr><tr><td>Largest Contentful Paint</td><td><mark style="color:yellow;"><code>Performance_LCP</code></mark></td><td>Number</td></tr><tr><td>Total Blocking Time</td><td><mark style="color:yellow;"><code>Performance_TBT</code></mark></td><td>Number</td></tr><tr><td>Cumulative Layout Shift</td><td><mark style="color:yellow;"><code>Performance_CLS</code></mark></td><td>Number</td></tr><tr><td>First Input Delay</td><td><mark style="color:yellow;"><code>Performance_FID</code></mark></td><td>Number</td></tr><tr><td>Time to First Byte</td><td><mark style="color:yellow;"><code>Performance_TTFB</code></mark></td><td>Number</td></tr><tr><td>DOM Interactive</td><td><mark style="color:yellow;"><code>Performance_DOM</code></mark></td><td>Number</td></tr><tr><td>Total Load Time</td><td><mark style="color:yellow;"><code>Performance_TLT</code></mark></td><td>Number</td></tr></tbody></table>

### How To Implement

| Attribute Name  | Attribute Value | Which Page Element?       |
| --------------- | --------------- | ------------------------- |
| data-extensions | performance     | \<script> Tag for Geoflow |

### Example

```html
<script data-extensions="performance" src="https://cdn.getgeoflow.com/beta/script.min.js" crossorigin="anonymous" fetchpriority="auto"></script>
```