chromatic.live
Data from Aug 20, 2026, 8:27 PM UTC 3d old
Built Awesome #1,117 · 1 measurement · since Aug 20, 2026
https://chromatichq.com/.
Lighthouse follows the redirect, so the numbers below describe the destination page, not this one. Not yet confirmed as a move; it needs to lead to the same place on several consecutive runs first.
Stack
Detected on the same page load as the accessibility pass — the generator
from <meta name="generator"> or the shape of the page,
the host from response headers.
Scores
Lab metrics Lighthouse, mobile
| Metric | Current | Previous | Change | Best | Worst | Trend |
|---|---|---|---|---|---|---|
| LCP Largest Contentful Paint | 15.11 s | — | — | 15.11 s | 15.11 s | |
| CLS Cumulative Layout Shift | 0 | — | — | 0 | 0 | |
| TBT Total Blocking Time | 1.15 s | — | — | 1.15 s | 1.15 s | |
| FCP First Contentful Paint | 3.05 s | — | — | 3.05 s | 3.05 s | |
| Speed Index | 4.07 s | — | — | 4.07 s | 4.07 s | |
| TTFB Time to First Byte | 623 ms | — | — | 623 ms | 623 ms |
What LCP is made of observed, unthrottled
A flat LCP number tells you something regressed. The subparts tell you whether it was the server, resource discovery, the download, or rendering.
Measured on the trace before throttling is modelled, so these are real durations that will not sum to the 15.11 s above — that figure is a simulation of the same load on a slow phone and connection. Read these for the proportions: which phase dominates.
Page weight
| Metric | Current | Previous | Change | Best | Worst | Trend |
|---|---|---|---|---|---|---|
| Page Weight | 1.91 MB | — | — | 1.91 MB | 1.91 MB | |
| Requests | 94 | — | — | 94 | 94 | |
| Third-party Weight | 1.44 MB | — | — | 1.44 MB | 1.44 MB | |
| Third-party CPU | 475 ms | — | — | 475 ms | 475 ms | |
| Unused JS | 309 kB | — | — | 309 kB | 309 kB | |
| Unused CSS | 24.8 kB | — | — | 24.8 kB | 24.8 kB |
By resource type
Third parties 8 entities
1.44 MB transferred, 475 ms of main thread time. This is the number most likely to regress without anyone on your team shipping anything.
Page health
| Metric | Current | Previous | Change | Best | Worst | Trend |
|---|---|---|---|---|---|---|
| Main Thread Work | 4.89 s | — | — | 4.89 s | 4.89 s | |
| Long Tasks | 17 | — | — | 17 | 17 | |
| DOM Elements | 336 | — | — | 336 | 336 | |
| Axe Violations Violating nodes from a full axe run — stricter than Lighthouse's subset | 39 | — | — | 39 | 39 | |
| A11y Failures | 3 | — | — | 3 | 3 | |
| A11y Failing Nodes | 5 | — | — | 5 | 5 |
Main thread work
Axe violations axe-core 4.13.0, full rule set
39 violating nodes across 6 rules, 505 passing. This is a standalone axe run, stricter than the subset Lighthouse folds into its score above — and it is the second tiebreaker in the ranking.
-
moderate
region— All page content should be contained by landmarks 29 nodes -
critical
aria-required-attr— Required ARIA attributes must be provided 3 nodes -
serious
nested-interactive— Interactive controls must not be nested 3 nodes -
moderate
landmark-one-main— Document should have one main landmark 2 nodes -
minor
aria-allowed-role— ARIA role should be appropriate for the element 1 node -
moderate
heading-order— Heading levels should only increase by one 1 node
Accessibility failures 3 of 33 audits
Tracked as a count, not just the score — the weighted score is coarse enough that you can ship a broken component and barely move it.
-
aria-required-attr— `[role]`s do not have all required `[aria-*]` attributes 3 nodes -
heading-order— Heading elements are not in a sequentially-descending order 1 node -
landmark-one-main— Document does not have a main landmark. 1 node
Hygiene
Changes rarely — which is exactly why a change is worth noticing.
Measurement log
Every stored run for this URL, newest first. Failures are kept as records — "this site was down on Tuesday" is data too.
| When | Perf | LCP | CLS | TBT | Weight | Runs | Spread | Bench | Took |
|---|---|---|---|---|---|---|---|---|---|
| Aug 20, 2026, 8:27 PM UTC | 44 | 15.11 s | 0 | 1.15 s | 1.91 MB | 3/3 | ±13 | 2,467 | 43.6s |
Embed this score
Live below, then the markup that produces it. Drop that on any page to show
chromatic.live's scores, updated whenever this instance
re-measures — more about the component. Don’t forget to bundle the speedlify2-score.js component code into your site!
<speedlify2-score speedlify-url="https://www.speedlify.dev/" url="https://chromatic.live/"></speedlify2-score>