11tycolorpicker.netlify.app
https://11tycolorpicker.netlify.app/
Ranks Overall #731 Built Awesome #546
Data from Oct 2, 2026, 12:33 AM UTC old Measured once a week · 7 runs since Aug 20, 2026
Elsewhere:
PageSpeed Insights ·
Calibre ·
Treo ·
CrUX Vis ·
Tame the Bots ·
Scoring Calculator ·
Wayback Machine
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 | 807 ms good | ↑ +25 ms (+3.2%) 772 ms – 812 ms | |
| INP CWV Interaction to Next Paint — field only, no lab run can measure it | n/a | — | |
| CLS CWV (estimate) Cumulative Layout Shift | 0.015 good | ↑ +0.015 0 – 0.015 | |
| TBT Total Blocking Time | 0 ms good | → no change 0 ms – 0 ms | |
| FCP First Contentful Paint | 807 ms good | ↑ +25 ms (+3.2%) 772 ms – 812 ms | |
| Speed Index | 807 ms good | ↑ +25 ms (+3.2%) 772 ms – 812 ms | |
| TTFB Time to First Byte | 636 ms good | ↑ +32 ms (+5.3%) significant 604 ms – 643 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 | 5.0 kB | ↑ +13 B (+0.3%) 5.0 kB – 5.1 kB | |
| Requests | 4 | → no change 4 – 4 | |
| Third-party Weight | 0 B | → no change 0 B – 0 B | |
| Third-party CPU | 0 ms | → no change 0 ms – 0 ms | |
| Unused JS | 0 B | → no change 0 B – 0 B | |
| Unused CSS | 0 B | → no change 0 B – 0 B |
By resource type
| Type | Transfer | Share | Size | Requests |
|---|---|---|---|---|
| document | 30.6% | 1.5 kB | 1 | |
| other | 28.4% | 1.4 kB | 1 | |
| script | 22.7% | 1.1 kB | 1 | |
| stylesheet | 18.3% | 921 B | 1 | |
| Total | 5.0 kB | 4 |
Page health
| Metric | Value | Change / range | Trend |
|---|---|---|---|
| Main Thread Work | 110 ms | ↓ -8 ms (-6.8%) 107 ms – 122 ms | |
| Long Tasks | 0 | → no change 0 – 0 | |
| DOM Elements | 52 | → no change 52 – 52 | |
| Axe Violations Violating nodes from a full Axe CLI run (more than Lighthouse reports) | 4 | → no change 4 – 4 | |
| A11y Failures | 1 | → no change 1 – 1 | |
| A11y Failing Nodes | 4 | → no change 4 – 4 |
Main thread work
| Task | Time | Share | Duration Simulated |
|---|---|---|---|
| other | 52% | 57 ms | |
| style layout | 29% | 32 ms | |
| script evaluation | 10% | 11 ms | |
| paint composite render | 4% | 4 ms | |
| parse HTML | 3% | 4 ms | |
| script parse compile | 1% | 1 ms | |
| Total | 110 ms |
Axe violations axe-core 4.13.0, full rule set
4 violating nodes across 1 rule, 128 passing. This is a standalone Axe CLI run and is stricter than the subset Lighthouse already includes.
-
serious
link-in-text-block— Links must be distinguishable without relying on color 4 nodesOffending elements
-
p:nth-child(4) > a<a href="https://en.wikipedia.org/wiki/RGB_color_model#Geometric_representation">RGB cubic-coordinate system</a> -
p:nth-child(5) > a<a href="https://en.wikipedia.org/wiki/Web_colors">Hexadecimal color</a> -
p:nth-child(6) > a<a href="https://en.wikipedia.org/wiki/HSL_and_HSV">HSL cylindrical-coordinate system</a> -
p:nth-child(8) > a<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/color_value">color</a>
-
Accessibility failures 1 of 16 audits
-
link-in-text-block— Links rely on color to be distinguishable. 4 nodes
Hygiene
Measurement log
Every stored run for this URL, newest first.
| When | Scores | Perf | LCP | CLS | TBT | Weight | Runs | Spread | Bench | Took | Archive |
|---|---|---|---|---|---|---|---|---|---|---|---|
| Oct 2, 2026, 12:33 AM UTC | 100 | 807 ms | 0.015 | 0 ms | 5.0 kB | 3/3 | ±0 | 2,335 -6% | 21.3s |
|
|
| Sep 25, 2026, 12:28 AM UTC | 100 | 782 ms | 0 | 0 ms | 5.0 kB | 3/3 | ±0 | 2,491 0% | 24.7s |
|
|
| Sep 17, 2026, 11:23 PM UTC | 100 | 772 ms | 0 | 0 ms | 5.0 kB | 3/3 | ±0 | 2,473 -1% | 20.9s |
|
|
| Sep 10, 2026, 9:26 PM UTC | 100 | 812 ms | 0 | 0 ms | 5.0 kB | 3/3 | ±0 | 2,456 -1% | 20.7s |
|
|
| Sep 3, 2026, 7:17 PM UTC | 100 | 798 ms | 0.015 | 0 ms | 5.0 kB | 3/3 | ±0 | 2,471 -1% | 20.9s |
|
|
| Aug 27, 2026, 4:07 PM UTC | 100 | 775 ms | 0 | 0 ms | 5.0 kB | 3/3 | ±0 | 2,451 -1% | 21.3s |
|
|
| Aug 20, 2026, 3:35 PM UTC | 100 | 783 ms | 0.015 | 0 ms | 5.1 kB | 3/3 | ±0 | 2,361 -5% | 21s |
|
Embed this score
Use this web component to show 11tycolorpicker.netlify.app'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://11tycolorpicker.netlify.app/"></speedlify2-score>