colorjs.io
Data from Aug 20, 2026, 4:40 PM UTC — 26h old.
Built Awesome · 1 measurement · since Aug 20, 2026 · last attempt 26h
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 | 2.79 s | — | — | 2.79 s | 2.79 s | |
| CLS Cumulative Layout Shift | 0.046 | — | — | 0.046 | 0.046 | |
| TBT Total Blocking Time | 11 ms | — | — | 11 ms | 11 ms | |
| FCP First Contentful Paint | 2.19 s | — | — | 2.19 s | 2.19 s | |
| Speed Index | 2.19 s | — | — | 2.19 s | 2.19 s | |
| TTFB Time to First Byte | 639 ms | — | — | 639 ms | 639 ms |
What LCP is made of
A flat LCP number tells you something regressed. The subparts tell you whether it was the server, resource discovery, the download, or rendering.
Page weight
| Metric | Current | Previous | Change | Best | Worst | Trend |
|---|---|---|---|---|---|---|
| Page Weight | 383.9 kB | — | — | 383.9 kB | 383.9 kB | |
| Requests | 161 | — | — | 161 | 161 | |
| Third-party Weight | 219.5 kB | — | — | 219.5 kB | 219.5 kB | |
| Third-party CPU | 0 ms | — | — | 0 ms | 0 ms | |
| Unused JS | 42.6 kB | — | — | 42.6 kB | 42.6 kB | |
| Unused CSS | 0 B | — | — | 0 B | 0 B |
By resource type
Third parties 7 entities
219.5 kB transferred, 0 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 | 2.05 s | — | — | 2.05 s | 2.05 s | |
| Long Tasks | 2 | — | — | 2 | 2 | |
| DOM Elements | 908 | — | — | 908 | 908 | |
| Axe Violations Violating nodes from a full axe run — stricter than Lighthouse's subset | 27 | — | — | 27 | 27 | |
| A11y Failures | 5 | — | — | 5 | 5 | |
| A11y Failing Nodes | 28 | — | — | 28 | 28 |
Main thread work
Axe violations axe-core 4.13.0, full rule set
27 violating nodes across 7 rules, 1169 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.
-
serious
color-contrast— Elements must meet minimum color contrast ratio thresholds 19 nodes -
serious
scrollable-region-focusable— Scrollable region must have keyboard access 3 nodes -
moderate
heading-order— Heading levels should only increase by one 1 node -
serious
html-has-lang— <html> element must have a lang attribute 1 node -
critical
image-alt— Images must have alternative text 1 node -
moderate
landmark-unique— Landmarks should have a unique role or role/label/title (i.e. accessible name) combination 1 node -
serious
link-name— Links must have discernible text 1 node
Accessibility failures 5 of 18 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.
-
color-contrast— Background and foreground colors do not have a sufficient contrast ratio. 24 nodes -
heading-order— Heading elements are not in a sequentially-descending order 1 node -
html-has-lang— `<html>` element does not have a `[lang]` attribute 1 node -
image-alt— Image elements do not have `[alt]` attributes 1 node -
link-name— Links do not have a discernible name 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, 4:40 PM UTC | 93 | 2.79 s | 0.046 | 11 ms | 383.9 kB | 3/3 | ±24 | 3,329 | 33.2s |
Embed this score
Live below, then the markup that produces it. Drop that on any page to show
colorjs.io's scores, updated whenever this instance
re-measures — more about the component. Don’t forget to bundle the speedlify-score.js component code into your site!
<speedlify-score speedlify-url="https://zachleat.github.io/speedlify2/" url="https://colorjs.io/"></speedlify-score>