> For the complete documentation index, see [llms.txt](https://docs.turboload.ai/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.turboload.ai/core-performance-features/performance-dashboard.md).

# Performance Dashboard

> **Executive Speed Intelligence:** Gain real-time visibility into your store's Core Web Vitals, conversion health, and third-party app drag from a single unified dashboard.

The **Performance Dashboard** is the command center of TurboLoad. It synthesizes complex web performance telemetry into clear, executive metrics that show how fast your store is loading for real shoppers.

![TurboLoad Executive Performance Dashboard showing unified store speed score ring at 75, Core Web Vitals breakdown, and real-time optimization lift](https://3104101331-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4kkyKWXlRlIIrT0xXLUz%2Fuploads%2Fgit-blob-cf4f76da511a028db9cecb58bedd6aab72ea19d8%2F01_dashboard.png?alt=media)

***

## Direct Answer: How does the TurboLoad Performance Dashboard work?

The TurboLoad Performance Dashboard combines Google Core Web Vitals field measurements with storefront telemetry to give merchants a unified 0–100 speed score. It pinpoints exactly why a store is running slow—whether due to oversized images, un-optimized theme code, or heavy third-party tracking scripts—and prioritizes the highest-impact fixes to recover lost mobile conversions.

***

## At a Glance: Key Dashboard Sections

When you open TurboLoad in your Shopify admin, the dashboard presents six core functional areas:

1. **Overall Performance Score:** A unified 0–100 score reflecting total storefront speed and user experience.
2. **Core Web Vitals Metrics Grid:** Real-user measurements for LCP, INP, CLS, and TTFB.
3. **Historical Performance Trend:** A multi-day chart tracking your score trajectory over time.
4. **Apps Impacting Storefront Performance:** A ranked attribution leaderboard identifying third-party apps causing JavaScript execution lag.
5. **Top Prioritized Issues:** Actionable warnings with severity levels and estimated revenue impact.
6. **PageSpeed vs. TurboLoad Comparison (Pro):** Side-by-side analysis contrasting synthetic lab tests with real customer field data.

***

## Understanding Your Performance Score

TurboLoad evaluates your store on a 100-point scale aligned with Google's Core Web Vitals benchmarks:

| Score Range  | Status                      | Merchant Impact                                                                                                              | Action Recommended                                                            |
| ------------ | --------------------------- | ---------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------- |
| **90 – 100** | **Fast** (Green)            | Optimal speed. Minimal bounce rate, highest search ranking potential, and strong conversion efficiency.                      | Maintain current optimizations; audit new apps before installation.           |
| **70 – 89**  | **Moderate** (Amber)        | Noticeable lag on mobile devices. Shoppers experience slight delays when interacting with menus or browsing products.        | Enable script deferral in Storefront Optimizer and run automated theme fixes. |
| **0 – 69**   | **Needs Improvement** (Red) | Significant storefront friction. High cart abandonment and negative impact on Google Ads Quality Score and organic rankings. | Immediate theme sandbox remediation and deferral of non-critical apps.        |

***

## Core Web Vitals Breakdown

Google uses three primary metrics to grade your website's real-world usability:

### 1. Largest Contentful Paint (LCP) — Loading Speed

* **What it measures:** The time it takes for the main content (usually hero banner, product image, or heading) to render on screen.
* **Target:**
  * 🟢 **Good:** Under 2.5 seconds
  * 🟡 **Needs Work:** 2.5s – 4.0s
  * 🔴 **Poor:** Over 4.0 seconds

### 2. Interaction to Next Paint (INP) — Interactivity & Responsiveness

* **What it measures:** How quickly the page responds visually when a shopper clicks a button, opens a mobile navigation drawer, or adjusts a product variant.
* **Target:**
  * 🟢 **Good:** Under 200 milliseconds
  * 🟡 **Needs Work:** 200ms – 500ms
  * 🔴 **Poor:** Over 500 milliseconds

### 3. Cumulative Layout Shift (CLS) — Visual Stability

* **What it measures:** Unexpected shifting of page elements as images, ads, or popups load asynchronously.
* **Target:**
  * 🟢 **Good:** Under 0.1
  * 🟡 **Needs Work:** 0.1 – 0.25
  * 🔴 **Poor:** Over 0.25

### 4. Time to First Byte (TTFB) — Server Response

* **What it measures:** The latency between the shopper's browser requesting a page and receiving the initial byte from Shopify's servers.
* **Target:** 🟢 Under 800 milliseconds.

***

## Slow-App Attribution Leaderboard

Third-party apps installed from the Shopify App Store are the #1 cause of slow stores. The **Apps Impacting Storefront Performance** table reveals:

* **App Name & Script Origin:** The identified Shopify app or external domain.
* **Script Transfer Size:** Kilobytes downloaded over the network.
* **Main-Thread Execution Time:** How many milliseconds the script locked the browser, directly delaying INP.
* **Action Link:** Click **View Details** to see the full timeline and which pages are most impacted.

***

## Performance Auditing & Data Accuracy

TurboLoad's score updates automatically as real shoppers browse your store:

* **Field Data Grounded:** Unlike simulated lab tests (e.g. standard Google PageSpeed) that test a single page on an artificial simulated device, TurboLoad reflects actual customer visits across diverse mobile networks and geographies.
* **Continuous Monitoring:** As you apply theme optimizations or install new apps, the dashboard tracks score trajectory over 7, 30, and 90-day rolling windows.


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## 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, and the optional `goal` query parameter:

```
GET https://docs.turboload.ai/core-performance-features/performance-dashboard.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

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.