Overview
The dashboard shows the performance of your website from the perspective of real visitors — summarised, visualised and broken down.
Core Web Vitals assessment
At the top of the dashboard, a banner shows whether your website passes the Core Web Vitals:
- Passed — all three signals (LCP, CLS, INP) are in the green range
- Failed — at least one metric exceeds the Google threshold
- Not enough data — not yet enough measurements for a reliable assessment (min. 20 per metric)
Metric cards
Five cards show the current p75 values for LCP, CLS, INP, FCP and TTFB. Each card contains:
- the p75 value
- a rating (Good / Needs improvement / Poor)
- the number of measurements
- a trend arrow compared with the previous day
Trend chart
The chart shows the p75 history per day. You can control:
- Period: 7, 30 or 90 days
- Metric: All (LCP, FCP, TTFB, INP overlaid) or individually
- Device: All, Desktop, Mobile or Tablet
- Previous period: optional comparison with the preceding period (dashed line)
Scan markers (purple triangles) show days on which a scheduled scan took place. Clicking one opens the scan report.
Slowest pages
The table shows the pages with the highest p75 LCP value — loaded dynamically with server-side pagination (15 entries per page).
Columns:
- Path
- p75 LCP
- LCP element (e.g.
<img>,<h1>) - p75 FCP
- p75 TTFB
- Measurements
Features:
- Sorted by p75 LCP descending
- Search field with debounce — typing filters by path
- Pagination with back/next buttons
- Clicking a row expands a 14-day LCP history chart inline (a bar chart icon next to the path indicates that it can be expanded)
- The history chart shows: 7-day average, 14-day trend as a percentage, average measurements per day
- CSV export — button with a choice between a 24 h and a 7 d period; the active search filter is applied to the export
Performance heatmap
Below the chart, a heatmap shows performance patterns by day of the week (Mon–Sun) and time of day (four blocks: 00–06h, 06–12h, 12–18h, 18–24h).
The colour coding is based on the p75 value:
- Green — Good (within the Google recommendation)
- Yellow — Needs improvement
- Red — Poor
You can switch between the metrics LCP, FCP and TTFB as well as the periods 7 days and 30 days. The heatmap helps you spot recurring patterns — for instance performance drops at peak times or during nightly batch jobs.
Connection quality
A breakdown of LCP performance by connection quality:
- Fast — e.g. 4G, fast WiFi
- Medium — e.g. 3G, slow WiFi
- Slow — e.g. 2G, high latency
The classification is based on connection type and round-trip time (RTT). The p75 LCP value and the number of measurements are shown per group.
Browser analysis
The six most frequent browsers by measurements, each with:
- p75 LCP and rating
- p75 INP and rating
Helps identify browser-specific problems — for instance conspicuously high INP values in Safari or slow LCP in older Chrome versions.
Referrer analysis
A Top referrers tab next to "Slowest pages" shows the ten strongest traffic sources by page views:
- Direct / not specified — no referrer present
- Internal — visits from your own domain
- External domain — e.g. google.de, twitter.com
Deduplicated per page_id so that repeated visits from the same visitor do not count several times.
By device
Three cards show Desktop, Mobile and Tablet, each with:
- number of measurements (last 24 hours)
- p75 LCP value
- rating (Good / Medium / Poor)
By country
A table shows the countries your visitors come from, with p75 LCP and the number of measurements. Useful for spotting whether international visitors get noticeably worse values.
Live widget
A real-time widget at the top right of the dashboard shows:
- Current p75 values for all five metrics (based on the last 60 minutes)
- Latest events — a table with path, LCP, device, country and time
- Page views — a counter of the page views recorded
The widget updates automatically every 30 seconds. When the browser tab is in the background, updating pauses.
LCP element & INP selector
The dashboard shows the most frequent LCP element (e.g. <img>, <h1>, <video>) and the most frequent slow INP selector. These details help you pinpoint the elements that cause performance problems — for instance a hero image that is too large, or a sluggish event handler.
GDPR notice
On the website overview and in the embed code card there is a ready-made privacy notice that can be copied with a click.
The suggested text covers:
- which data is collected (anonymised performance metrics)
- that no cookies are set
- that no personal data is stored
- the legal basis: Art. 6(1)(f) GDPR (legitimate interest in the technical optimisation)
The text can be taken over directly into your own privacy policy and adapted if needed.