clhenrick.github.io/color-legend-element
https://clhenrick.github.io/color-legend-element
Ranks Overall #1,274 Built Awesome #976
Data from Sep 11, 2026, 5:41 PM UTC old Measured once a week · 4 runs since Aug 20, 2026
Elsewhere:
PageSpeed Insights ·
Calibre ·
Treo ·
CrUX Vis ·
Scoring Calculator ·
Wayback Machine
https://clhenrick.github.io/color-legend-element/.
The same URL in a different form — a trailing slash — so both are treated as one site rather than two: one history, measured once. Lighthouse follows the redirect, so the numbers below describe the page actually served; the only cost is an extra hop on each run.
Lab data is measured using Lighthouse, Mobile mode unless otherwise specified. Field data is reported from Chrome UX Report (using p75 measurements).
Stack
Lighthouse Scores LAB Simulated
Metrics LAB
No field data: the Chrome UX Report is not being collected for this project, so every figure below is from the Lighthouse run.
| Metric | Lab Simulated | ||
|---|---|---|---|
| Value | Change / range | Trend | |
| LCP CWV (estimate) Largest Contentful Paint | 2.04 s good | ↑ +36 ms (+1.8%) 1.97 s – 2.04 s | |
| INP CWV Interaction to Next Paint — field only, no lab run can measure it | n/a | — | |
| CLS CWV (estimate) Cumulative Layout Shift | 0.083 good | → no change 0.083 – 0.083 | |
| TBT Total Blocking Time | 51 ms good | ↓ -3 ms (-5.6%) 10 ms – 54 ms | |
| FCP First Contentful Paint | 918 ms good | ↑ +15 ms (+1.7%) 903 ms – 918 ms | |
| Speed Index | 918 ms good | ↑ +15 ms (+1.7%) 903 ms – 918 ms | |
| TTFB Time to First Byte | 618 ms good | ↑ +15 ms (+2.5%) 603 ms – 618 ms | |
LCP Subparts LAB Unthrottled
The subparts attribute LCP to your server, resource discovery, download, or rendering. Note that the Lab LCP shown above is a simulated throttled estimate.
Page weight
| Metric | Value | Change / range | Trend |
|---|---|---|---|
| Page Weight | 113 kB | ↑ +2 B 113 kB – 113 kB | |
| Requests | 13 | → no change 13 – 13 | |
| Third-party Weight | 90.7 kB | ↓ -1 B 90.7 kB – 90.7 kB | |
| Third-party CPU | 11 ms | ↑ +1 ms (+6.9%) 6 ms – 11 ms | |
| Unused JS | 70.7 kB | → no change 70.7 kB – 70.7 kB | |
| Unused CSS | 0 B | → no change 0 B – 0 B |
By resource type
| Type | Transfer | Share | Size | Requests |
|---|---|---|---|---|
| script | 92.7% | 105 kB | 4 | |
| document | 5.5% | 6.2 kB | 1 | |
| stylesheet | 1.6% | 1.9 kB | 2 | |
| other | 0.2% | 264 B | 1 | |
| Total | 113 kB | 13 |
Third parties 1 entities
| Entity | Transfer | Size | Main thread Simulated |
|---|---|---|---|
| JSDelivr CDN | 90.7 kB | 11 ms | |
| Total | 90.7 kB | 11 ms |
Page health
| Metric | Value | Change / range | Trend |
|---|---|---|---|
| Main Thread Work | 437 ms | ↓ -12 ms (-2.6%) 292 ms – 448 ms | |
| Long Tasks | 2 | → no change 1 – 2 | |
| DOM Elements | 1,110 | → no change 1,110 – 1,110 | |
| Axe Violations Violating nodes from a full Axe CLI run (more than Lighthouse reports) | 79 | → no change 71 – 79 | |
| A11y Failures | 3 | → no change 3 – 3 | |
| A11y Failing Nodes | 61 | → no change 61 – 61 |
Main thread work
| Task | Time | Share | Duration Simulated |
|---|---|---|---|
| style layout | 31% | 136 ms | |
| script evaluation | 30% | 131 ms | |
| other | 21% | 92 ms | |
| script parse compile | 7% | 30 ms | |
| paint composite render | 6% | 27 ms | |
| parse HTML | 3% | 14 ms | |
| garbage collection | 1% | 6 ms | |
| Total | 437 ms |
Axe violations axe-core 4.13.0, full rule set
79 violating nodes across 4 rules, 1498 passing. This is a standalone Axe CLI run and is stricter than the subset Lighthouse already includes.
-
serious
color-contrast— Elements must meet minimum color contrast ratio thresholds 42 nodes -
serious
aria-hidden-focus— ARIA hidden element must not be focusable or contain focusable elements 18 nodes -
serious
scrollable-region-focusable— Scrollable region must have keyboard access 18 nodes -
serious
html-has-lang— <html> element must have a lang attribute 1 node
Accessibility failures 3 of 13 audits
-
color-contrast— Background and foreground colors do not have a sufficient contrast ratio. 42 nodes -
aria-hidden-focus— `[aria-hidden="true"]` elements contain focusable descendents 18 nodes -
html-has-lang— `<html>` element does not have a `[lang]` attribute 1 node
SEO failures 1 of 7 audits
-
meta-description— Document does not have a meta description
Hygiene
Measurement log
Every stored run for this URL, newest first.
| When | Scores | Perf | LCP | CLS | TBT | Weight | Runs | Spread | Bench | Took | Archive |
|---|---|---|---|---|---|---|---|---|---|---|---|
| Sep 11, 2026, 5:41 PM UTC | 98 | 2.04 s | 0.083 | 51 ms | 113 kB | 3/3 | ±1 | 2,521 +2% | 24.6s |
|
|
| Sep 4, 2026, 2:58 PM UTC | 98 | 2.00 s | 0.083 | 54 ms | 113 kB | 3/3 | ±1 | 2,491 0% | 25.1s |
|
|
| Aug 28, 2026, 1:58 PM UTC | 98 | 2.00 s | 0.083 | 48 ms | 113 kB | 3/3 | ±2 | 2,470 -1% | 25s |
|
|
| Aug 20, 2026, 7:38 PM UTC | 98 | 1.97 s | 0.083 | 10 ms | 113 kB | 3/3 | ±0 | 4,491 +81% | 21.4s |
|
Embed this score
Use this web component to show clhenrick.github.io/color-legend-element's scores on any website, updated whenever this instance re-measures. Don’t forget to bundle the speedlify2-score.js component code into your site!
<speedlify2-score speedlify-url="https://www.speedlify.dev/" url="https://clhenrick.github.io/color-legend-element"></speedlify2-score>