speedlify2

Lighthouse lab metrics and Chrome UX Report field data for a list of sites, recorded on every run and compared over time.

Measurement runs · Embed a score · Field data from the Chrome UX Report ·

clhenrick.github.io/color-legend-element

https://clhenrick.github.io/color-legend-element

98 77 100 90 –CWV 71AXE

Data from Aug 20, 2026, 7:38 PM UTC — 23h old.

Built Awesome · 1 measurement · since Aug 20, 2026 · last attempt 23h

This URL redirects to https://clhenrick.github.io/color-legend-element/.

A trailing slash only, so both forms are treated as one site rather than two — one history, measured once. Lighthouse follows the redirect, so the numbers below describe the canonical page; the only cost is an extra hop on each run.

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.

Eleventy Built with Eleventy
GitHub Pages Hosted by GitHub Pages

Scores

98
Performance
no change
77
Accessibility
no change
100
Best Practices
no change
90
SEO
no change

Lab metrics Lighthouse, mobile

Metric Current Previous Change Best Worst Trend
LCP Largest Contentful Paint 1.97 s — — 1.97 s 1.97 s
CLS Cumulative Layout Shift 0.083 — — 0.083 0.083
TBT Total Blocking Time 10 ms — — 10 ms 10 ms
FCP First Contentful Paint 907 ms — — 907 ms 907 ms
Speed Index 907 ms — — 907 ms 907 ms
TTFB Time to First Byte 607 ms — — 607 ms 607 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.

element render delay 43 ms
time to first byte 15 ms

Page weight

Metric Current Previous Change Best Worst Trend
Page Weight 113.0 kB — — 113.0 kB 113.0 kB
Requests 13 — — 13 13
Third-party Weight 90.7 kB — — 90.7 kB 90.7 kB
Third-party CPU 6 ms — — 6 ms 6 ms
Unused JS 70.7 kB — — 70.7 kB 70.7 kB
Unused CSS 0 B — — 0 B 0 B

By resource type

script 104.7 kB · 4 req
document 6.2 kB · 1 req
stylesheet 1.9 kB · 2 req
other 189 B · 1 req
third party 113.0 kB · 8 req

Third parties 1 entities

90.7 kB transferred, 6 ms of main thread time. This is the number most likely to regress without anyone on your team shipping anything.

JSDelivr CDN 90.7 kB · 6 ms CPU

Page health

Metric Current Previous Change Best Worst Trend
Main Thread Work 292 ms — — 292 ms 292 ms
Long Tasks 1 — — 1 1
DOM Elements 1,110 — — 1,110 1,110
Axe Violations Violating nodes from a full axe run — stricter than Lighthouse's subset 71 — — 71 71
A11y Failures 3 — — 3 3
A11y Failing Nodes 61 — — 61 61

Main thread work

style layout 84 ms
script evaluation 81 ms
other 74 ms
paint composite render 18 ms
script parse compile 16 ms
parse HTML 9 ms
garbage collection 9 ms

Axe violations axe-core 4.13.0, full rule set

71 violating nodes across 4 rules, 1516 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 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 10 nodes
  • serious html-has-lang — <html> element must have a lang attribute 1 node

Accessibility failures 3 of 13 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. 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

Hygiene

Changes rarely — which is exactly why a change is worth noticing.

HTTPS HSTS CSP Clickjacking protection Origin isolation Trusted Types bfcache h2

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 PerfLCPCLSTBTWeight RunsSpreadBenchTook
Aug 20, 2026, 7:38 PM UTC 98 1.97 s 0.083 10 ms 113.0 kB 3/3 ±0 4,491 21.4s

Embed this score

Live below, then the markup that produces it. Drop that on any page to show clhenrick.github.io/color-legend-element'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://clhenrick.github.io/color-legend-element"></speedlify-score>