From 63167bf379f9db28f7d4543ed0550befa9f9532b Mon Sep 17 00:00:00 2001
From: Joan Leon <joan.leon@gmail.com>
Date: Sun, 25 Oct 2026 12:34:46 +0100
Subject: [PATCH] feat(snippets): give the issues of the CSS, font and image
 snippets of Loading a stable code, and require one

Content-Visibility, Critical-CSS-Detection, CSS-Media-Queries-Analysis, Find-Above-The-Fold-Lazy-Loaded-Images, Find-Images-With-Lazy-and-Fetchpriority, Find-non-Lazy-Loaded-Images-outside-of-the-viewport, Find-render-blocking-resources, Fonts-Preloaded-Loaded-and-used-above-the-fold, Inline-CSS-Info-and-Size and Webfont-Usage-Analyzer carry a code in every issue, with their tables under Issue codes in snippets/SCHEMA.md. They were the last of PENDING_ISSUE_CODES, which goes away: the contract and the catalog test hold every snippet to its codes. Webfont-Usage-Analyzer chose between two messages for one issue; it builds one issue per situation now, loaded-unused and redeclared. The issues about one font file or element name it in target. CONTRIBUTING.md describes the rule for a new snippet. No message changes.
---
 .../references/schema.md                      | 88 +++++++++++++++++++
 .../webperf-interaction/references/schema.md  | 88 +++++++++++++++++++
 .../webperf-loading/references/schema.md      | 88 +++++++++++++++++++
 .../scripts/CSS-Media-Queries-Analysis.js     |  4 +-
 .../scripts/Content-Visibility.js             |  4 +-
 .../scripts/Critical-CSS-Detection.js         |  4 +-
 .../Find-Above-The-Fold-Lazy-Loaded-Images.js |  4 +-
 ...Find-Images-With-Lazy-and-Fetchpriority.js |  4 +-
 ...y-Loaded-Images-outside-of-the-viewport.js |  4 +-
 .../scripts/Find-render-blocking-resources.js |  4 +-
 ...reloaded-Loaded-and-used-above-the-fold.js |  4 +-
 .../scripts/Inline-CSS-Info-and-Size.js       |  4 +-
 .../scripts/Webfont-Usage-Analyzer.js         |  4 +-
 .../skills/webperf-media/references/schema.md | 88 +++++++++++++++++++
 .../webperf-resources/references/schema.md    | 88 +++++++++++++++++++
 CHANGELOG.md                                  |  2 +-
 CONTRIBUTING.md                               |  6 +-
 cli/tests/e2e/snippet-contract.test.js        |  7 +-
 cli/tests/e2e/webfont-usage.test.js           |  7 +-
 cli/tests/helpers/issue-codes.js              | 15 ----
 cli/tests/unit/issue-codes.test.js            |  7 +-
 .../references/schema.md                      | 88 +++++++++++++++++++
 .../webperf-interaction/references/schema.md  | 88 +++++++++++++++++++
 .../webperf-loading/references/schema.md      | 88 +++++++++++++++++++
 .../scripts/CSS-Media-Queries-Analysis.js     |  4 +
 .../scripts/Content-Visibility.js             |  5 +-
 .../scripts/Critical-CSS-Detection.js         |  6 ++
 .../Find-Above-The-Fold-Lazy-Loaded-Images.js |  2 +
 ...Find-Images-With-Lazy-and-Fetchpriority.js |  1 +
 ...y-Loaded-Images-outside-of-the-viewport.js |  1 +
 .../scripts/Find-render-blocking-resources.js |  1 +
 ...reloaded-Loaded-and-used-above-the-fold.js | 12 ++-
 .../scripts/Inline-CSS-Info-and-Size.js       |  5 ++
 .../scripts/Webfont-Usage-Analyzer.js         | 24 ++++-
 .../webperf-media/references/schema.md        | 88 +++++++++++++++++++
 .../webperf-resources/references/schema.md    | 88 +++++++++++++++++++
 .../scripts/CSS-Media-Queries-Analysis.js     |  4 +
 .../scripts/Content-Visibility.js             |  5 +-
 .../scripts/Critical-CSS-Detection.js         |  6 ++
 .../Find-Above-The-Fold-Lazy-Loaded-Images.js |  2 +
 ...Find-Images-With-Lazy-and-Fetchpriority.js |  1 +
 ...y-Loaded-Images-outside-of-the-viewport.js |  1 +
 .../scripts/Find-render-blocking-resources.js |  1 +
 ...reloaded-Loaded-and-used-above-the-fold.js | 12 ++-
 .../scripts/Inline-CSS-Info-and-Size.js       |  5 ++
 .../scripts/Webfont-Usage-Analyzer.js         | 24 ++++-
 .../CSS-Media-Queries-Analysis.js             |  4 +
 dist/webperf-loading/Content-Visibility.js    |  5 +-
 .../webperf-loading/Critical-CSS-Detection.js |  6 ++
 .../Find-Above-The-Fold-Lazy-Loaded-Images.js |  2 +
 ...Find-Images-With-Lazy-and-Fetchpriority.js |  1 +
 ...y-Loaded-Images-outside-of-the-viewport.js |  1 +
 .../Find-render-blocking-resources.js         |  1 +
 ...reloaded-Loaded-and-used-above-the-fold.js | 12 ++-
 .../Inline-CSS-Info-and-Size.js               |  5 ++
 .../webperf-loading/Webfont-Usage-Analyzer.js | 24 ++++-
 public/llms-full.txt                          | 65 ++++++++------
 .../references/schema.md                      | 88 +++++++++++++++++++
 .../webperf-interaction/references/schema.md  | 88 +++++++++++++++++++
 skills/webperf-loading/references/schema.md   | 88 +++++++++++++++++++
 .../scripts/CSS-Media-Queries-Analysis.js     |  4 +-
 .../scripts/Content-Visibility.js             |  4 +-
 .../scripts/Critical-CSS-Detection.js         |  4 +-
 .../Find-Above-The-Fold-Lazy-Loaded-Images.js |  4 +-
 ...Find-Images-With-Lazy-and-Fetchpriority.js |  4 +-
 ...y-Loaded-Images-outside-of-the-viewport.js |  4 +-
 .../scripts/Find-render-blocking-resources.js |  4 +-
 ...reloaded-Loaded-and-used-above-the-fold.js |  4 +-
 .../scripts/Inline-CSS-Info-and-Size.js       |  4 +-
 .../scripts/Webfont-Usage-Analyzer.js         |  4 +-
 skills/webperf-media/references/schema.md     | 88 +++++++++++++++++++
 skills/webperf-resources/references/schema.md | 88 +++++++++++++++++++
 .../Loading/CSS-Media-Queries-Analysis.js     |  6 +-
 snippets/Loading/Content-Visibility.js        |  4 +-
 snippets/Loading/Critical-CSS-Detection.js    |  6 ++
 .../Find-Above-The-Fold-Lazy-Loaded-Images.js |  4 +-
 ...Find-Images-With-Lazy-and-Fetchpriority.js |  2 +-
 ...y-Loaded-Images-outside-of-the-viewport.js |  2 +-
 .../Loading/Find-render-blocking-resources.js |  2 +-
 ...reloaded-Loaded-and-used-above-the-fold.js |  6 +-
 snippets/Loading/Inline-CSS-Info-and-Size.js  |  6 +-
 snippets/Loading/Webfont-Usage-Analyzer.js    | 27 +++---
 snippets/SCHEMA.md                            | 88 +++++++++++++++++++
 83 files changed, 1698 insertions(+), 147 deletions(-)

diff --git a/.claude/skills/webperf-core-web-vitals/references/schema.md b/.claude/skills/webperf-core-web-vitals/references/schema.md
index 975142c7..f53498ff 100644
--- a/.claude/skills/webperf-core-web-vitals/references/schema.md
+++ b/.claude/skills/webperf-core-web-vitals/references/schema.md
@@ -1232,6 +1232,94 @@ An issue about one thing among several, one issue per thing, also names it in `t
 | `could-defer` | info | Blocking scripts other than the last three of `<body>`, which could try `defer` |
 | `unknown-size` | info | Scripts whose size is hidden by a missing `Timing-Allow-Origin`, so the total is a lower bound |
 
+### CSS-Media-Queries-Analysis
+
+| Code | Severity | When |
+|------|----------|------|
+| `no-wide-rules` | info | No `@media` rules for viewports wider than the breakpoint (768 px by default) |
+| `wide-rules` | info or warning | `@media` rules for wider viewports that narrower screens download without using, a warning above 50 KB |
+| `repeated-queries` | info | Few distinct queries repeated across many `@media` blocks |
+| `unreadable-stylesheets` | info | Cross-origin stylesheets whose rules cannot be read |
+
+### Content-Visibility
+
+| Code | Severity | When |
+|------|----------|------|
+| `missing-intrinsic-size` | warning | An element with `content-visibility: auto` and no `contain-intrinsic-size`; `target` is its selector |
+| `not-used` | info | No `content-visibility` on the page |
+
+### Critical-CSS-Detection
+
+| Code | Severity | When |
+|------|----------|------|
+| `no-inline-critical-css` | error | Render-blocking stylesheets and no inline critical CSS |
+| `render-blocking-over-budget` | error | Render-blocking CSS above the 14 KB critical budget |
+| `large-not-preloaded` | warning | Render-blocking stylesheets above 10 KB without preload |
+| `inline-over-budget` | error | Inline CSS above the 14 KB critical budget |
+| `styles-in-body` | warning | Inline style blocks in `<body>` |
+
+### Find-Above-The-Fold-Lazy-Loaded-Images
+
+| Code | Severity | When |
+|------|----------|------|
+| `lcp-lazy` | error | The LCP candidate image has `loading="lazy"` |
+| `lazy-above-fold` | warning | Other images above the fold with `loading="lazy"` |
+
+### Find-Images-With-Lazy-and-Fetchpriority
+
+| Code | Severity | When |
+|------|----------|------|
+| `lazy-and-high-priority` | error | Elements with both `loading="lazy"` and `fetchpriority="high"` |
+
+### Find-non-Lazy-Loaded-Images-outside-of-the-viewport
+
+| Code | Severity | When |
+|------|----------|------|
+| `eager-off-viewport` | warning | Images outside the viewport without `loading="lazy"` |
+
+### Find-render-blocking-resources
+
+| Code | Severity | When |
+|------|----------|------|
+| `render-blocking` | error | Resources that block rendering |
+
+### Fonts-Preloaded-Loaded-and-used-above-the-fold
+
+Each issue names its font in `target`.
+
+| Code | Severity | When |
+|------|----------|------|
+| `preloaded-unused` | warning | A preloaded font that the content above the fold does not use |
+| `used-not-preloaded` | warning | A font used above the fold without preload |
+| `preload-no-crossorigin` | error | A font preload without `crossorigin`, which fetches the font twice |
+
+### Inline-CSS-Info-and-Size
+
+| Code | Severity | When |
+|------|----------|------|
+| `over-budget` | warning | Inline CSS above the 14 KB critical budget |
+| `duplicate-blocks` | warning | Style blocks with identical content |
+| `large-blocks` | warning | Style blocks above 5 KB |
+| `styles-in-body` | warning | Style blocks in `<body>` |
+
+### Webfont-Usage-Analyzer
+
+`load-failed`, `loaded-unused` and `redeclared` name the font file by its URL in `target`, or the face when it has none.
+
+| Code | Severity | When |
+|------|----------|------|
+| `load-failed` | error | A font that failed to load |
+| `loaded-unused` | warning | A loaded font that no rendered element uses |
+| `redeclared` | warning | A loaded font declared again later with the same descriptors, so the page uses the other file |
+| `blocking-font-display` | warning | Faces with `font-display` `auto` or `block`, which can keep text invisible |
+| `heavy-fonts` | warning | Web fonts above 300 KB in total |
+| `never-loaded` | info | Faces declared and never loaded |
+| `shadowed` | info | Faces declared more than once, whose earlier declarations never loaded |
+| `unused-subsets` | info | `unicode-range` subsets the page did not need |
+| `size-unknown` | info | Cross-origin font files without `Timing-Allow-Origin`, so the byte totals are a lower bound |
+| `unreadable-stylesheets` | info | Cross-origin stylesheets whose font files cannot be matched to faces |
+| `elements-capped` | info | Only the first 20,000 elements were scanned for text |
+
 ### First-And-Third-Party-Script-Info
 
 | Code | Severity | When |
diff --git a/.claude/skills/webperf-interaction/references/schema.md b/.claude/skills/webperf-interaction/references/schema.md
index 975142c7..f53498ff 100644
--- a/.claude/skills/webperf-interaction/references/schema.md
+++ b/.claude/skills/webperf-interaction/references/schema.md
@@ -1232,6 +1232,94 @@ An issue about one thing among several, one issue per thing, also names it in `t
 | `could-defer` | info | Blocking scripts other than the last three of `<body>`, which could try `defer` |
 | `unknown-size` | info | Scripts whose size is hidden by a missing `Timing-Allow-Origin`, so the total is a lower bound |
 
+### CSS-Media-Queries-Analysis
+
+| Code | Severity | When |
+|------|----------|------|
+| `no-wide-rules` | info | No `@media` rules for viewports wider than the breakpoint (768 px by default) |
+| `wide-rules` | info or warning | `@media` rules for wider viewports that narrower screens download without using, a warning above 50 KB |
+| `repeated-queries` | info | Few distinct queries repeated across many `@media` blocks |
+| `unreadable-stylesheets` | info | Cross-origin stylesheets whose rules cannot be read |
+
+### Content-Visibility
+
+| Code | Severity | When |
+|------|----------|------|
+| `missing-intrinsic-size` | warning | An element with `content-visibility: auto` and no `contain-intrinsic-size`; `target` is its selector |
+| `not-used` | info | No `content-visibility` on the page |
+
+### Critical-CSS-Detection
+
+| Code | Severity | When |
+|------|----------|------|
+| `no-inline-critical-css` | error | Render-blocking stylesheets and no inline critical CSS |
+| `render-blocking-over-budget` | error | Render-blocking CSS above the 14 KB critical budget |
+| `large-not-preloaded` | warning | Render-blocking stylesheets above 10 KB without preload |
+| `inline-over-budget` | error | Inline CSS above the 14 KB critical budget |
+| `styles-in-body` | warning | Inline style blocks in `<body>` |
+
+### Find-Above-The-Fold-Lazy-Loaded-Images
+
+| Code | Severity | When |
+|------|----------|------|
+| `lcp-lazy` | error | The LCP candidate image has `loading="lazy"` |
+| `lazy-above-fold` | warning | Other images above the fold with `loading="lazy"` |
+
+### Find-Images-With-Lazy-and-Fetchpriority
+
+| Code | Severity | When |
+|------|----------|------|
+| `lazy-and-high-priority` | error | Elements with both `loading="lazy"` and `fetchpriority="high"` |
+
+### Find-non-Lazy-Loaded-Images-outside-of-the-viewport
+
+| Code | Severity | When |
+|------|----------|------|
+| `eager-off-viewport` | warning | Images outside the viewport without `loading="lazy"` |
+
+### Find-render-blocking-resources
+
+| Code | Severity | When |
+|------|----------|------|
+| `render-blocking` | error | Resources that block rendering |
+
+### Fonts-Preloaded-Loaded-and-used-above-the-fold
+
+Each issue names its font in `target`.
+
+| Code | Severity | When |
+|------|----------|------|
+| `preloaded-unused` | warning | A preloaded font that the content above the fold does not use |
+| `used-not-preloaded` | warning | A font used above the fold without preload |
+| `preload-no-crossorigin` | error | A font preload without `crossorigin`, which fetches the font twice |
+
+### Inline-CSS-Info-and-Size
+
+| Code | Severity | When |
+|------|----------|------|
+| `over-budget` | warning | Inline CSS above the 14 KB critical budget |
+| `duplicate-blocks` | warning | Style blocks with identical content |
+| `large-blocks` | warning | Style blocks above 5 KB |
+| `styles-in-body` | warning | Style blocks in `<body>` |
+
+### Webfont-Usage-Analyzer
+
+`load-failed`, `loaded-unused` and `redeclared` name the font file by its URL in `target`, or the face when it has none.
+
+| Code | Severity | When |
+|------|----------|------|
+| `load-failed` | error | A font that failed to load |
+| `loaded-unused` | warning | A loaded font that no rendered element uses |
+| `redeclared` | warning | A loaded font declared again later with the same descriptors, so the page uses the other file |
+| `blocking-font-display` | warning | Faces with `font-display` `auto` or `block`, which can keep text invisible |
+| `heavy-fonts` | warning | Web fonts above 300 KB in total |
+| `never-loaded` | info | Faces declared and never loaded |
+| `shadowed` | info | Faces declared more than once, whose earlier declarations never loaded |
+| `unused-subsets` | info | `unicode-range` subsets the page did not need |
+| `size-unknown` | info | Cross-origin font files without `Timing-Allow-Origin`, so the byte totals are a lower bound |
+| `unreadable-stylesheets` | info | Cross-origin stylesheets whose font files cannot be matched to faces |
+| `elements-capped` | info | Only the first 20,000 elements were scanned for text |
+
 ### First-And-Third-Party-Script-Info
 
 | Code | Severity | When |
diff --git a/.claude/skills/webperf-loading/references/schema.md b/.claude/skills/webperf-loading/references/schema.md
index 975142c7..f53498ff 100644
--- a/.claude/skills/webperf-loading/references/schema.md
+++ b/.claude/skills/webperf-loading/references/schema.md
@@ -1232,6 +1232,94 @@ An issue about one thing among several, one issue per thing, also names it in `t
 | `could-defer` | info | Blocking scripts other than the last three of `<body>`, which could try `defer` |
 | `unknown-size` | info | Scripts whose size is hidden by a missing `Timing-Allow-Origin`, so the total is a lower bound |
 
+### CSS-Media-Queries-Analysis
+
+| Code | Severity | When |
+|------|----------|------|
+| `no-wide-rules` | info | No `@media` rules for viewports wider than the breakpoint (768 px by default) |
+| `wide-rules` | info or warning | `@media` rules for wider viewports that narrower screens download without using, a warning above 50 KB |
+| `repeated-queries` | info | Few distinct queries repeated across many `@media` blocks |
+| `unreadable-stylesheets` | info | Cross-origin stylesheets whose rules cannot be read |
+
+### Content-Visibility
+
+| Code | Severity | When |
+|------|----------|------|
+| `missing-intrinsic-size` | warning | An element with `content-visibility: auto` and no `contain-intrinsic-size`; `target` is its selector |
+| `not-used` | info | No `content-visibility` on the page |
+
+### Critical-CSS-Detection
+
+| Code | Severity | When |
+|------|----------|------|
+| `no-inline-critical-css` | error | Render-blocking stylesheets and no inline critical CSS |
+| `render-blocking-over-budget` | error | Render-blocking CSS above the 14 KB critical budget |
+| `large-not-preloaded` | warning | Render-blocking stylesheets above 10 KB without preload |
+| `inline-over-budget` | error | Inline CSS above the 14 KB critical budget |
+| `styles-in-body` | warning | Inline style blocks in `<body>` |
+
+### Find-Above-The-Fold-Lazy-Loaded-Images
+
+| Code | Severity | When |
+|------|----------|------|
+| `lcp-lazy` | error | The LCP candidate image has `loading="lazy"` |
+| `lazy-above-fold` | warning | Other images above the fold with `loading="lazy"` |
+
+### Find-Images-With-Lazy-and-Fetchpriority
+
+| Code | Severity | When |
+|------|----------|------|
+| `lazy-and-high-priority` | error | Elements with both `loading="lazy"` and `fetchpriority="high"` |
+
+### Find-non-Lazy-Loaded-Images-outside-of-the-viewport
+
+| Code | Severity | When |
+|------|----------|------|
+| `eager-off-viewport` | warning | Images outside the viewport without `loading="lazy"` |
+
+### Find-render-blocking-resources
+
+| Code | Severity | When |
+|------|----------|------|
+| `render-blocking` | error | Resources that block rendering |
+
+### Fonts-Preloaded-Loaded-and-used-above-the-fold
+
+Each issue names its font in `target`.
+
+| Code | Severity | When |
+|------|----------|------|
+| `preloaded-unused` | warning | A preloaded font that the content above the fold does not use |
+| `used-not-preloaded` | warning | A font used above the fold without preload |
+| `preload-no-crossorigin` | error | A font preload without `crossorigin`, which fetches the font twice |
+
+### Inline-CSS-Info-and-Size
+
+| Code | Severity | When |
+|------|----------|------|
+| `over-budget` | warning | Inline CSS above the 14 KB critical budget |
+| `duplicate-blocks` | warning | Style blocks with identical content |
+| `large-blocks` | warning | Style blocks above 5 KB |
+| `styles-in-body` | warning | Style blocks in `<body>` |
+
+### Webfont-Usage-Analyzer
+
+`load-failed`, `loaded-unused` and `redeclared` name the font file by its URL in `target`, or the face when it has none.
+
+| Code | Severity | When |
+|------|----------|------|
+| `load-failed` | error | A font that failed to load |
+| `loaded-unused` | warning | A loaded font that no rendered element uses |
+| `redeclared` | warning | A loaded font declared again later with the same descriptors, so the page uses the other file |
+| `blocking-font-display` | warning | Faces with `font-display` `auto` or `block`, which can keep text invisible |
+| `heavy-fonts` | warning | Web fonts above 300 KB in total |
+| `never-loaded` | info | Faces declared and never loaded |
+| `shadowed` | info | Faces declared more than once, whose earlier declarations never loaded |
+| `unused-subsets` | info | `unicode-range` subsets the page did not need |
+| `size-unknown` | info | Cross-origin font files without `Timing-Allow-Origin`, so the byte totals are a lower bound |
+| `unreadable-stylesheets` | info | Cross-origin stylesheets whose font files cannot be matched to faces |
+| `elements-capped` | info | Only the first 20,000 elements were scanned for text |
+
 ### First-And-Third-Party-Script-Info
 
 | Code | Severity | When |
diff --git a/.claude/skills/webperf-loading/scripts/CSS-Media-Queries-Analysis.js b/.claude/skills/webperf-loading/scripts/CSS-Media-Queries-Analysis.js
index 458bf8a9..e7e35c67 100644
--- a/.claude/skills/webperf-loading/scripts/CSS-Media-Queries-Analysis.js
+++ b/.claude/skills/webperf-loading/scripts/CSS-Media-Queries-Analysis.js
@@ -1,2 +1,2 @@
-// snippets/Loading/CSS-Media-Queries-Analysis.js | sha256:69decca9b5432236 | https://github.com/nucliweb/webperf-snippets/blob/main/snippets/Loading/CSS-Media-Queries-Analysis.js
-async function analyzeCSSMediaQueries(e=768){function s(e){try{const s=new URL(e,location.href);return/^https?:$/.test(s.protocol)?(s.hash="webperf-snippets",s.href):e}catch{return e}}const t=[...document.styleSheets],r=[];let n=0;function o(e){const s=e.match(/\.-?[_a-zA-Z][\w-]*/g)||[],t=e.match(/[a-z-]+\s*:/g)||[];return{classes:s.length,properties:t.length}}function i(s,t,n,i,a){var c;(function(s){if(!s)return!1;const t=s.match(/min-width:\s*(\d+)(px|em|rem)/i);if(t){const s=parseInt(t[1]),r=t[2].toLowerCase();if("px"===r&&s>e)return!0;if("em"===r&&s>e/16)return!0;if("rem"===r&&s>e/16)return!0}return!1})(n)&&r.push({source:s,inline:t,mediaQuery:n,...o(a),bytes:(c=i,new Blob([c]).size)})}function a(e,s){const t=/@media\s*([^{]+)\{((?:[^{}]|\{[^{}]*\})*)\}/g;let r;for(;null!==(r=t.exec(e));)i(s,!1,r[1].trim(),r[0],r[2])}for(let e=0;e<t.length;e++){const r=t[e],o=!r.href,c=r.href||`<style> tag #${e}`;try{const e=r.cssRules||r.rules;e&&[...e].forEach(e=>{if(e.type===CSSRule.MEDIA_RULE){const s=[...e.cssRules].map(e=>e.cssText).join("");i(c,o,e.media.mediaText,e.cssText,s)}})}catch{if(r.href)try{const e=await fetch(s(r.href));a(await e.text(),r.href)}catch{n++}}}const c=new Map;for(const e of r){const s=c.get(e.mediaQuery)??{mediaQuery:e.mediaQuery,rules:0,sources:new Set,classes:0,properties:0,bytes:0};s.rules++,s.sources.add(e.source),s.classes+=e.classes,s.properties+=e.properties,s.bytes+=e.bytes,c.set(e.mediaQuery,s)}const u=[...c.values()].map(({sources:e,...s})=>({mediaQuery:s.mediaQuery,rules:s.rules,files:e.size,classes:s.classes,properties:s.properties,bytes:s.bytes})).sort((e,s)=>s.bytes-e.bytes),l=new Map;for(const e of r){const s=l.get(e.source)??{source:e.source,inline:e.inline,rules:0,bytes:0};s.rules++,s.bytes+=e.bytes,l.set(e.source,s)}const h=[...l.values()],d=r.reduce((e,s)=>e+s.bytes,0),p=r.length?Math.round(u.length/r.length*1e3)/1e3:0,f=[];return 0===r.length?f.push({severity:"info",message:`No @media rules for viewports wider than ${e}px`}):(f.push({severity:d>51200?"warning":"info",message:`${r.length} @media rules for viewports wider than ${e}px add ${function(e){if(null==e||Number.isNaN(e))return"-";if(0===e)return"0 B";const s=["B","KB","MB","GB"],t=Math.max(0,Math.min(Math.floor(Math.log(e)/Math.log(1024)),s.length-1));return(e/Math.pow(1024,t)).toFixed(1)+" "+s[t]}(d)} of CSS that narrower screens download and parse without using. Move them to a stylesheet with a media attribute, such as <link rel="stylesheet" href="wide.css" media="(min-width: ${e+1}px)">, which narrower screens fetch at low priority without blocking rendering`}),r.length>=20&&p<.1&&f.push({severity:"info",message:`${u.length} distinct queries repeat across ${r.length} @media blocks, the pattern of component-scoped or compiled CSS. Grouping the rules of each query under one block shortens the stylesheets`})),n>0&&f.push({severity:"info",message:`${n} cross-origin stylesheet(s) could not be read, so their @media rules are not counted`}),f.forEach(e=>{}),{script:"CSS-Media-Queries-Analysis",status:"ok",count:u.length,details:{minWidth:e,rules:r.length,totalUnique:u.length,uniquenessRatio:p,classes:r.reduce((e,s)=>e+s.classes,0),properties:r.reduce((e,s)=>e+s.properties,0),bytes:d,bySource:h.slice(0,50),corsBlockedCount:n},items:u.slice(0,50),issues:f}}analyzeCSSMediaQueries();
\ No newline at end of file
+// snippets/Loading/CSS-Media-Queries-Analysis.js | sha256:0b5fe535e72f38fc | https://github.com/nucliweb/webperf-snippets/blob/main/snippets/Loading/CSS-Media-Queries-Analysis.js
+async function analyzeCSSMediaQueries(e=768){function s(e){try{const s=new URL(e,location.href);return/^https?:$/.test(s.protocol)?(s.hash="webperf-snippets",s.href):e}catch{return e}}const t=[...document.styleSheets],r=[];let n=0;function o(e){const s=e.match(/\.-?[_a-zA-Z][\w-]*/g)||[],t=e.match(/[a-z-]+\s*:/g)||[];return{classes:s.length,properties:t.length}}function i(s,t,n,i,a){var c;(function(s){if(!s)return!1;const t=s.match(/min-width:\s*(\d+)(px|em|rem)/i);if(t){const s=parseInt(t[1]),r=t[2].toLowerCase();if("px"===r&&s>e)return!0;if("em"===r&&s>e/16)return!0;if("rem"===r&&s>e/16)return!0}return!1})(n)&&r.push({source:s,inline:t,mediaQuery:n,...o(a),bytes:(c=i,new Blob([c]).size)})}function a(e,s){const t=/@media\s*([^{]+)\{((?:[^{}]|\{[^{}]*\})*)\}/g;let r;for(;null!==(r=t.exec(e));)i(s,!1,r[1].trim(),r[0],r[2])}for(let e=0;e<t.length;e++){const r=t[e],o=!r.href,c=r.href||`<style> tag #${e}`;try{const e=r.cssRules||r.rules;e&&[...e].forEach(e=>{if(e.type===CSSRule.MEDIA_RULE){const s=[...e.cssRules].map(e=>e.cssText).join("");i(c,o,e.media.mediaText,e.cssText,s)}})}catch{if(r.href)try{const e=await fetch(s(r.href));a(await e.text(),r.href)}catch{n++}}}const c=new Map;for(const e of r){const s=c.get(e.mediaQuery)??{mediaQuery:e.mediaQuery,rules:0,sources:new Set,classes:0,properties:0,bytes:0};s.rules++,s.sources.add(e.source),s.classes+=e.classes,s.properties+=e.properties,s.bytes+=e.bytes,c.set(e.mediaQuery,s)}const u=[...c.values()].map(({sources:e,...s})=>({mediaQuery:s.mediaQuery,rules:s.rules,files:e.size,classes:s.classes,properties:s.properties,bytes:s.bytes})).sort((e,s)=>s.bytes-e.bytes),l=new Map;for(const e of r){const s=l.get(e.source)??{source:e.source,inline:e.inline,rules:0,bytes:0};s.rules++,s.bytes+=e.bytes,l.set(e.source,s)}const h=[...l.values()],d=r.reduce((e,s)=>e+s.bytes,0),p=r.length?Math.round(u.length/r.length*1e3)/1e3:0,f=[];return 0===r.length?f.push({code:"no-wide-rules",severity:"info",message:`No @media rules for viewports wider than ${e}px`}):(f.push({code:"wide-rules",severity:d>51200?"warning":"info",message:`${r.length} @media rules for viewports wider than ${e}px add ${function(e){if(null==e||Number.isNaN(e))return"-";if(0===e)return"0 B";const s=["B","KB","MB","GB"],t=Math.max(0,Math.min(Math.floor(Math.log(e)/Math.log(1024)),s.length-1));return(e/Math.pow(1024,t)).toFixed(1)+" "+s[t]}(d)} of CSS that narrower screens download and parse without using. Move them to a stylesheet with a media attribute, such as <link rel="stylesheet" href="wide.css" media="(min-width: ${e+1}px)">, which narrower screens fetch at low priority without blocking rendering`}),r.length>=20&&p<.1&&f.push({code:"repeated-queries",severity:"info",message:`${u.length} distinct queries repeat across ${r.length} @media blocks, the pattern of component-scoped or compiled CSS. Grouping the rules of each query under one block shortens the stylesheets`})),n>0&&f.push({code:"unreadable-stylesheets",severity:"info",message:`${n} cross-origin stylesheet(s) could not be read, so their @media rules are not counted`}),f.forEach(e=>{}),{script:"CSS-Media-Queries-Analysis",status:"ok",count:u.length,details:{minWidth:e,rules:r.length,totalUnique:u.length,uniquenessRatio:p,classes:r.reduce((e,s)=>e+s.classes,0),properties:r.reduce((e,s)=>e+s.properties,0),bytes:d,bySource:h.slice(0,50),corsBlockedCount:n},items:u.slice(0,50),issues:f}}analyzeCSSMediaQueries();
\ No newline at end of file
diff --git a/.claude/skills/webperf-loading/scripts/Content-Visibility.js b/.claude/skills/webperf-loading/scripts/Content-Visibility.js
index 1bd48fa8..67f7940d 100644
--- a/.claude/skills/webperf-loading/scripts/Content-Visibility.js
+++ b/.claude/skills/webperf-loading/scripts/Content-Visibility.js
@@ -1,2 +1,2 @@
-// snippets/Loading/Content-Visibility.js | sha256:5c928b4610848da7 | https://github.com/nucliweb/webperf-snippets/blob/main/snippets/Loading/Content-Visibility.js
-function detectContentVisibility(){const t={autoElements:[],hiddenElements:[],visibleElements:[],nodeArray:[]};function e(t){const e=t.nodeName;return 1===t.nodeType?e.toLowerCase():e.toUpperCase().replace(/^#/,"")}function n(t){let n="";try{for(;t&&9!==t.nodeType;){const i=t,s=i.id?"#"+i.id:e(i)+(i.classList&&i.classList.value&&i.classList.value.trim()&&i.classList.value.trim().length?"."+i.classList.value.trim().replace(/\s+/g,"."):"");if(n.length+s.length>99)return n||s;if(n=n?s+">"+n:s,i.id)break;t=i.parentNode}}catch{}return n}function i(t){const e=t.getBoundingClientRect();return e.top<window.innerHeight&&e.bottom>0&&e.left<window.innerWidth&&e.right>0}return function e(s){const o=window.getComputedStyle(s)["content-visibility"];if(o&&"visible"!==o){const e=function(t){const e=t.getBoundingClientRect(),s=window.getComputedStyle(t);return{selector:n(t),contentVisibility:s["content-visibility"],containIntrinsicSize:s["contain-intrinsic-size"]||"not set",width:Math.round(e.width),height:Math.round(e.height),top:Math.round(e.top+window.scrollY),inViewport:i(t)}}(s);"auto"===o?(t.autoElements.push(e),t.nodeArray.push(s)):"hidden"===o&&t.hiddenElements.push(e)}for(let t=0;t<s.children.length;t++)e(s.children[t])}(document.body),0===t.autoElements.length&&0===t.hiddenElements.length||(t.autoElements.filter(t=>"not set"===t.containIntrinsicSize||"none"===t.containIntrinsicSize),t.nodeArray.forEach((t,e)=>{})),t}function analyzeContentVisibilityOpportunities(t={}){const{threshold:e=0,minHeight:n=100,minChildren:i=5}=t,s=window.innerHeight,o=[],l=new Set;function r(t){let e="";try{for(;t&&9!==t.nodeType;){const n=t,i=n.nodeName.toLowerCase(),s=n.id?"#"+n.id:i+(n.classList&&n.classList.value&&n.classList.value.trim()?"."+n.classList.value.trim().split(/\s+/).slice(0,2).join("."):"");if(e.length+s.length>80)return e||s;if(e=e?s+">"+e:s,n.id)break;t=n.parentNode}}catch{}return e}function c(t){const e=.2*t;return e<5?"Low (~"+e.toFixed(1)+"ms)":e<20?"Medium (~"+e.toFixed(1)+"ms)":"High (~"+e.toFixed(1)+"ms)"}function a(t){if(l.has(t)||function(t){let e=t.parentElement;for(;e;){if(l.has(e))return!0;e=e.parentElement}return!1}(t))return;const a=t.getBoundingClientRect(),d=window.getComputedStyle(t);if(d["content-visibility"]&&"visible"!==d["content-visibility"])return;if(a.height<n||0===a.width)return;const h=a.top-s;if(h<e)return;const u=t.querySelectorAll("*").length;u<i||(l.add(t),o.push({selector:r(t),height:Math.round(a.height)+"px",distanceFromViewport:Math.round(h)+"px",childElements:u,estimatedSavings:c(u),element:t}))}const d=document.createTreeWalker(document.body,NodeFilter.SHOW_ELEMENT,null,!1);for(;d.nextNode();)a(d.currentNode);return o.sort((t,e)=>e.childElements-t.childElements),0===o.length||(o.slice(0,20).map(t=>({selector:t.selector,height:t.height,distanceFromViewport:t.distanceFromViewport,childElements:t.childElements,estimatedSavings:t.estimatedSavings})),o.slice(0,10).forEach((t,e)=>{})),{opportunities:o.map(t=>({selector:t.selector,height:t.height,distanceFromViewport:t.distanceFromViewport,childElements:t.childElements,estimatedSavings:t.estimatedSavings})),totalElements:o.length,highImpact:o.filter(t=>t.estimatedSavings.startsWith("High")).length,elements:o.map(t=>t.element)}}window.analyzeContentVisibilityOpportunities=analyzeContentVisibilityOpportunities,(()=>{const t=detectContentVisibility();return{script:"Content-Visibility",status:"ok",count:t.autoElements.length+t.hiddenElements.length,details:{autoCount:t.autoElements.length,hiddenCount:t.hiddenElements.length},items:[...t.autoElements.map(t=>({...t,type:"auto"})),...t.hiddenElements.map(t=>({...t,type:"hidden"}))],issues:[...t.autoElements.filter(t=>"not set"===t.containIntrinsicSize||"none"===t.containIntrinsicSize).map(t=>({severity:"warning",message:`${t.selector}: missing contain-intrinsic-size (CLS risk)`})),...t.autoElements.length+t.hiddenElements.length===0?[{severity:"info",message:"No content-visibility usage found. Consider content-visibility: auto on below-the-fold sections to reduce the initial render cost."}]:[]]}})();
\ No newline at end of file
+// snippets/Loading/Content-Visibility.js | sha256:d27a70bf806fe510 | https://github.com/nucliweb/webperf-snippets/blob/main/snippets/Loading/Content-Visibility.js
+function detectContentVisibility(){const t={autoElements:[],hiddenElements:[],visibleElements:[],nodeArray:[]};function e(t){const e=t.nodeName;return 1===t.nodeType?e.toLowerCase():e.toUpperCase().replace(/^#/,"")}function n(t){let n="";try{for(;t&&9!==t.nodeType;){const i=t,s=i.id?"#"+i.id:e(i)+(i.classList&&i.classList.value&&i.classList.value.trim()&&i.classList.value.trim().length?"."+i.classList.value.trim().replace(/\s+/g,"."):"");if(n.length+s.length>99)return n||s;if(n=n?s+">"+n:s,i.id)break;t=i.parentNode}}catch{}return n}function i(t){const e=t.getBoundingClientRect();return e.top<window.innerHeight&&e.bottom>0&&e.left<window.innerWidth&&e.right>0}return function e(s){const o=window.getComputedStyle(s)["content-visibility"];if(o&&"visible"!==o){const e=function(t){const e=t.getBoundingClientRect(),s=window.getComputedStyle(t);return{selector:n(t),contentVisibility:s["content-visibility"],containIntrinsicSize:s["contain-intrinsic-size"]||"not set",width:Math.round(e.width),height:Math.round(e.height),top:Math.round(e.top+window.scrollY),inViewport:i(t)}}(s);"auto"===o?(t.autoElements.push(e),t.nodeArray.push(s)):"hidden"===o&&t.hiddenElements.push(e)}for(let t=0;t<s.children.length;t++)e(s.children[t])}(document.body),0===t.autoElements.length&&0===t.hiddenElements.length||(t.autoElements.filter(t=>"not set"===t.containIntrinsicSize||"none"===t.containIntrinsicSize),t.nodeArray.forEach((t,e)=>{})),t}function analyzeContentVisibilityOpportunities(t={}){const{threshold:e=0,minHeight:n=100,minChildren:i=5}=t,s=window.innerHeight,o=[],l=new Set;function r(t){let e="";try{for(;t&&9!==t.nodeType;){const n=t,i=n.nodeName.toLowerCase(),s=n.id?"#"+n.id:i+(n.classList&&n.classList.value&&n.classList.value.trim()?"."+n.classList.value.trim().split(/\s+/).slice(0,2).join("."):"");if(e.length+s.length>80)return e||s;if(e=e?s+">"+e:s,n.id)break;t=n.parentNode}}catch{}return e}function c(t){const e=.2*t;return e<5?"Low (~"+e.toFixed(1)+"ms)":e<20?"Medium (~"+e.toFixed(1)+"ms)":"High (~"+e.toFixed(1)+"ms)"}function a(t){if(l.has(t)||function(t){let e=t.parentElement;for(;e;){if(l.has(e))return!0;e=e.parentElement}return!1}(t))return;const a=t.getBoundingClientRect(),d=window.getComputedStyle(t);if(d["content-visibility"]&&"visible"!==d["content-visibility"])return;if(a.height<n||0===a.width)return;const h=a.top-s;if(h<e)return;const u=t.querySelectorAll("*").length;u<i||(l.add(t),o.push({selector:r(t),height:Math.round(a.height)+"px",distanceFromViewport:Math.round(h)+"px",childElements:u,estimatedSavings:c(u),element:t}))}const d=document.createTreeWalker(document.body,NodeFilter.SHOW_ELEMENT,null,!1);for(;d.nextNode();)a(d.currentNode);return o.sort((t,e)=>e.childElements-t.childElements),0===o.length||(o.slice(0,20).map(t=>({selector:t.selector,height:t.height,distanceFromViewport:t.distanceFromViewport,childElements:t.childElements,estimatedSavings:t.estimatedSavings})),o.slice(0,10).forEach((t,e)=>{})),{opportunities:o.map(t=>({selector:t.selector,height:t.height,distanceFromViewport:t.distanceFromViewport,childElements:t.childElements,estimatedSavings:t.estimatedSavings})),totalElements:o.length,highImpact:o.filter(t=>t.estimatedSavings.startsWith("High")).length,elements:o.map(t=>t.element)}}window.analyzeContentVisibilityOpportunities=analyzeContentVisibilityOpportunities,(()=>{const t=detectContentVisibility();return{script:"Content-Visibility",status:"ok",count:t.autoElements.length+t.hiddenElements.length,details:{autoCount:t.autoElements.length,hiddenCount:t.hiddenElements.length},items:[...t.autoElements.map(t=>({...t,type:"auto"})),...t.hiddenElements.map(t=>({...t,type:"hidden"}))],issues:[...t.autoElements.filter(t=>"not set"===t.containIntrinsicSize||"none"===t.containIntrinsicSize).map(t=>({code:"missing-intrinsic-size",severity:"warning",message:`${t.selector}: missing contain-intrinsic-size (CLS risk)`,target:t.selector})),...t.autoElements.length+t.hiddenElements.length===0?[{code:"not-used",severity:"info",message:"No content-visibility usage found. Consider content-visibility: auto on below-the-fold sections to reduce the initial render cost."}]:[]]}})();
\ No newline at end of file
diff --git a/.claude/skills/webperf-loading/scripts/Critical-CSS-Detection.js b/.claude/skills/webperf-loading/scripts/Critical-CSS-Detection.js
index ea9dfb02..8403f2fd 100644
--- a/.claude/skills/webperf-loading/scripts/Critical-CSS-Detection.js
+++ b/.claude/skills/webperf-loading/scripts/Critical-CSS-Detection.js
@@ -1,2 +1,2 @@
-// snippets/Loading/Critical-CSS-Detection.js | sha256:02c1a8edc362c602 | https://github.com/nucliweb/webperf-snippets/blob/main/snippets/Loading/Critical-CSS-Detection.js
-(()=>{function e(e){if(null==e||Number.isNaN(e))return"-";if(0===e)return"0 B";const t=["B","KB","MB","GB"],n=Math.max(0,Math.min(Math.floor(Math.log(e)/Math.log(1024)),t.length-1));return(e/Math.pow(1024,n)).toFixed(1)+" "+t[n]}const t=14336,n=Array.from(document.querySelectorAll('link[rel="stylesheet"]')),r=performance.getEntriesByType("resource").filter(e=>!e.name.endsWith("#webperf-snippets")),i=n.map(e=>{const t=e.href,n=e.getAttribute("media")||"all",i=r.find(e=>e.name===t);let s;s=i&&void 0!==i.renderBlockingStatus?"blocking"===i.renderBlockingStatus:"all"===n||""===n||"screen"===n||n.toLowerCase().includes("screen")&&!n.toLowerCase().includes("print");const l=i?i.transferSize:0,o=i?i.decodedBodySize:0,a=document.querySelector(`link[rel="preload"][as="style"][href="${t}"]`);let d=0,c=!1;try{const e=Array.from(document.styleSheets).find(e=>e.href===t);e&&e.cssRules&&(d=e.cssRules.length)}catch{c=!0}return{filename:t.split("/").pop().split("?")[0]||t,href:t,media:n,isRenderBlocking:s,transferSize:l,decodedSize:o,ruleCount:d,corsBlocked:c,preloaded:null!==a}}),s=Array.from(document.querySelectorAll("style")).map((e,t)=>{const n=e.innerHTML;return{index:t+1,size:new Blob([n]).size,ruleCount:(n.match(/\{[^}]*\}/g)||[]).length,inHead:null!==e.closest("head")}}),l=i.filter(e=>e.isRenderBlocking),o=i.filter(e=>!e.isRenderBlocking),a=s.reduce((e,t)=>e+t.size,0),d=l.reduce((e,t)=>e+t.decodedSize,0),c=i.reduce((e,t)=>e+t.transferSize,0);if(l.length>0){const e=Math.min(d/t*100,200),n=Math.min(Math.round(e/10),20);"█".repeat(n),"░".repeat(20-n)}s.length>0&&(a/t*100).toFixed(0);const g=[];l.length>0&&0===s.length&&g.push({severity:"high",message:"No critical CSS inlined: all CSS loads via render-blocking requests",suggestion:"Extract above-the-fold styles into a <style> tag in <head> and defer the rest"}),d>t&&g.push({severity:"high",message:`Render-blocking CSS (${e(d)}) exceeds the 14 KB critical budget`,suggestion:"Inline critical CSS and defer non-critical stylesheets using the media/onload pattern"});const u=l.filter(e=>!e.preloaded&&e.transferSize>10240);u.length>0&&g.push({severity:"medium",message:`${u.length} large render-blocking stylesheet(s) without preload`,details:u.map(t=>`• ${t.filename} (${e(t.transferSize)})`),suggestion:'Add <link rel="preload" as="style" href="..."> to start download earlier'}),a>t&&g.push({severity:"high",message:`Inline CSS (${e(a)}) exceeds the 14 KB critical budget`,suggestion:"Keep inline critical CSS under 14 KB. Move non-critical styles to an external deferred file."});const h=s.filter(e=>!e.inHead);return h.length>0&&g.push({severity:"medium",message:`${h.length} inline style block(s) found in <body>`,suggestion:"Move critical styles to <head> to avoid potential render-blocking reflows"}),g.length>0&&g.forEach(e=>{e.details&&e.details.forEach(e=>{})}),{script:"Critical-CSS-Detection",status:"ok",count:i.length,details:{renderBlockingCount:l.length,nonBlockingCount:o.length,inlineCount:s.length,totalExternalTransferBytes:c,renderBlockingDecodedBytes:d,inlineBytes:a,criticalBudgetBytes:t},items:i.map(e=>({filename:e.filename,media:e.media,isRenderBlocking:e.isRenderBlocking,transferBytes:e.transferSize,decodedBytes:e.decodedSize,ruleCount:e.ruleCount,preloaded:e.preloaded,corsBlocked:e.corsBlocked})),issues:g.map(e=>({severity:"high"===e.severity?"error":"warning",message:e.message}))}})();
\ No newline at end of file
+// snippets/Loading/Critical-CSS-Detection.js | sha256:7ebdc7a792f8d7a3 | https://github.com/nucliweb/webperf-snippets/blob/main/snippets/Loading/Critical-CSS-Detection.js
+(()=>{function e(e){if(null==e||Number.isNaN(e))return"-";if(0===e)return"0 B";const t=["B","KB","MB","GB"],n=Math.max(0,Math.min(Math.floor(Math.log(e)/Math.log(1024)),t.length-1));return(e/Math.pow(1024,n)).toFixed(1)+" "+t[n]}const t=14336,n=Array.from(document.querySelectorAll('link[rel="stylesheet"]')),r=performance.getEntriesByType("resource").filter(e=>!e.name.endsWith("#webperf-snippets")),i=n.map(e=>{const t=e.href,n=e.getAttribute("media")||"all",i=r.find(e=>e.name===t);let l;l=i&&void 0!==i.renderBlockingStatus?"blocking"===i.renderBlockingStatus:"all"===n||""===n||"screen"===n||n.toLowerCase().includes("screen")&&!n.toLowerCase().includes("print");const s=i?i.transferSize:0,o=i?i.decodedBodySize:0,d=document.querySelector(`link[rel="preload"][as="style"][href="${t}"]`);let a=0,c=!1;try{const e=Array.from(document.styleSheets).find(e=>e.href===t);e&&e.cssRules&&(a=e.cssRules.length)}catch{c=!0}return{filename:t.split("/").pop().split("?")[0]||t,href:t,media:n,isRenderBlocking:l,transferSize:s,decodedSize:o,ruleCount:a,corsBlocked:c,preloaded:null!==d}}),l=Array.from(document.querySelectorAll("style")).map((e,t)=>{const n=e.innerHTML;return{index:t+1,size:new Blob([n]).size,ruleCount:(n.match(/\{[^}]*\}/g)||[]).length,inHead:null!==e.closest("head")}}),s=i.filter(e=>e.isRenderBlocking),o=i.filter(e=>!e.isRenderBlocking),d=l.reduce((e,t)=>e+t.size,0),a=s.reduce((e,t)=>e+t.decodedSize,0),c=i.reduce((e,t)=>e+t.transferSize,0);if(s.length>0){const e=Math.min(a/t*100,200),n=Math.min(Math.round(e/10),20);"█".repeat(n),"░".repeat(20-n)}l.length>0&&(d/t*100).toFixed(0);const g=[];s.length>0&&0===l.length&&g.push({code:"no-inline-critical-css",severity:"high",message:"No critical CSS inlined: all CSS loads via render-blocking requests",suggestion:"Extract above-the-fold styles into a <style> tag in <head> and defer the rest"}),a>t&&g.push({code:"render-blocking-over-budget",severity:"high",message:`Render-blocking CSS (${e(a)}) exceeds the 14 KB critical budget`,suggestion:"Inline critical CSS and defer non-critical stylesheets using the media/onload pattern"});const u=s.filter(e=>!e.preloaded&&e.transferSize>10240);u.length>0&&g.push({code:"large-not-preloaded",severity:"medium",message:`${u.length} large render-blocking stylesheet(s) without preload`,details:u.map(t=>`• ${t.filename} (${e(t.transferSize)})`),suggestion:'Add <link rel="preload" as="style" href="..."> to start download earlier'}),d>t&&g.push({code:"inline-over-budget",severity:"high",message:`Inline CSS (${e(d)}) exceeds the 14 KB critical budget`,suggestion:"Keep inline critical CSS under 14 KB. Move non-critical styles to an external deferred file."});const h=l.filter(e=>!e.inHead);return h.length>0&&g.push({code:"styles-in-body",severity:"medium",message:`${h.length} inline style block(s) found in <body>`,suggestion:"Move critical styles to <head> to avoid potential render-blocking reflows"}),g.length>0&&g.forEach(e=>{e.details&&e.details.forEach(e=>{})}),{script:"Critical-CSS-Detection",status:"ok",count:i.length,details:{renderBlockingCount:s.length,nonBlockingCount:o.length,inlineCount:l.length,totalExternalTransferBytes:c,renderBlockingDecodedBytes:a,inlineBytes:d,criticalBudgetBytes:t},items:i.map(e=>({filename:e.filename,media:e.media,isRenderBlocking:e.isRenderBlocking,transferBytes:e.transferSize,decodedBytes:e.decodedSize,ruleCount:e.ruleCount,preloaded:e.preloaded,corsBlocked:e.corsBlocked})),issues:g.map(e=>({code:e.code,severity:"high"===e.severity?"error":"warning",message:e.message}))}})();
\ No newline at end of file
diff --git a/.claude/skills/webperf-loading/scripts/Find-Above-The-Fold-Lazy-Loaded-Images.js b/.claude/skills/webperf-loading/scripts/Find-Above-The-Fold-Lazy-Loaded-Images.js
index 9ce958e4..b9c47a35 100644
--- a/.claude/skills/webperf-loading/scripts/Find-Above-The-Fold-Lazy-Loaded-Images.js
+++ b/.claude/skills/webperf-loading/scripts/Find-Above-The-Fold-Lazy-Loaded-Images.js
@@ -1,2 +1,2 @@
-// snippets/Loading/Find-Above-The-Fold-Lazy-Loaded-Images.js | sha256:7a8b0269e574b2b5 | https://github.com/nucliweb/webperf-snippets/blob/main/snippets/Loading/Find-Above-The-Fold-Lazy-Loaded-Images.js
-(function(){function t(t){let e="";try{for(;t&&9!==t.nodeType;){const i=t,a=i.nodeName.toLowerCase(),n=i.id?"#"+i.id:a+(i.classList&&i.classList.value&&i.classList.value.trim()?"."+i.classList.value.trim().split(/\s+/).slice(0,2).join("."):"");if(e.length+n.length>80)return e||n;if(e=e?n+">"+e:n,i.id)break;t=i.parentNode}}catch{}return e}function e(t){const e=t.getBoundingClientRect();return e.top<window.innerHeight&&e.bottom>0&&e.left<window.innerWidth&&e.right>0&&e.width>0&&e.height>0}function i(t){const e=t.getBoundingClientRect(),i=[e.top,window.innerHeight-e.bottom,e.left,window.innerWidth-e.right];return Math.min(...i.map(t=>Math.abs(t)))}function a(t){if(!t)return null;try{const e=performance.getEntriesByType("resource").filter(t=>!function(t){return t.name.endsWith("#webperf-snippets")}(t)),i=e.find(e=>e.name===t||e.name.includes(t.split("/").pop()));if(i&&i.transferSize)return(i.transferSize/1024).toFixed(1)+" KB"}catch{}return null}function n(t){const e="lazy"===t.getAttribute("loading"),i=t.hasAttribute("data-src")||t.hasAttribute("data-lazy");return e&&i?"both":e?"loading-lazy":i?"data-src":null}const r={lazyImages:[],lcpCandidate:null,nodeArray:[],summary:{total:0,withLoadingLazy:0,withDataSrc:0,lcpAffected:!1}},s='[loading="lazy"], [data-src], [data-lazy]',o=document.querySelectorAll(`img${s}, picture source${s}`),l=Array.from(document.querySelectorAll("img")).filter(t=>e(t)&&t.getBoundingClientRect().width>0);let c=null,d=0;return l.forEach(t=>{const e=t.getBoundingClientRect(),i=e.width*e.height;i>d&&(d=i,c=t)}),o.forEach(s=>{const o="SOURCE"===s.tagName?s.closest("picture")?.querySelector("img"):s;if(!o||!e(o))return;const l=function(e){const r=e.getBoundingClientRect(),s=r.width*r.height;return{selector:t(e),lazyType:n(e),dimensions:`${Math.round(r.width)}×${Math.round(r.height)}`,position:{top:Math.round(r.top+window.scrollY),left:Math.round(r.left+window.scrollX)},distanceFromEdge:Math.round(i(e))+"px",src:e.currentSrc||e.src||e.getAttribute("data-src")||"",srcset:e.srcset||null,sizes:e.sizes||null,alt:e.alt||"(no alt)",fetchPriority:e.fetchPriority||"auto",fileSize:a(e.currentSrc||e.src),area:s,element:e}}(o);l.isLcpCandidate=o===c,r.lazyImages.push(l),r.nodeArray.push(o),r.summary.total++,"loading-lazy"!==l.lazyType&&"both"!==l.lazyType||r.summary.withLoadingLazy++,"data-src"!==l.lazyType&&"both"!==l.lazyType||r.summary.withDataSrc++,l.isLcpCandidate&&(r.summary.lcpAffected=!0,r.lcpCandidate=l)}),0===r.lazyImages.length||(r.lazyImages.map(t=>({selector:t.selector,lazyType:t.lazyType,dimensions:t.dimensions,top:t.position.top+"px",distanceFromEdge:t.distanceFromEdge,src:t.src,srcset:t.srcset,sizes:t.sizes,alt:t.alt,fetchPriority:t.fetchPriority,fileSize:t.fileSize,isLcpCandidate:t.isLcpCandidate?"⚠️ YES":"no"})),r.nodeArray.forEach((t,e)=>{})),{script:"Find-Above-The-Fold-Lazy-Loaded-Images",status:"ok",count:r.lazyImages.length,details:{total:r.summary.total,withLoadingLazy:r.summary.withLoadingLazy,withDataSrc:r.summary.withDataSrc,lcpAffected:r.summary.lcpAffected},items:r.lazyImages.map(t=>({selector:t.selector,lazyType:t.lazyType,dimensions:t.dimensions,position:`${t.position.top}px, ${t.position.left}px`,distanceFromEdge:t.distanceFromEdge,src:t.src,srcset:t.srcset,sizes:t.sizes,alt:t.alt,fetchPriority:t.fetchPriority,fileSize:t.fileSize,isLcpCandidate:t.isLcpCandidate})),issues:[...r.summary.lcpAffected?[{severity:"error",message:'LCP candidate image has lazy loading: remove loading="lazy" and add fetchpriority="high"'}]:[],...r.lazyImages.filter(t=>!t.isLcpCandidate).length>0?[{severity:"warning",message:`${r.lazyImages.filter(t=>!t.isLcpCandidate).length} above-fold image(s) have lazy loading: remove loading="lazy"`}]:[]]}})();
\ No newline at end of file
+// snippets/Loading/Find-Above-The-Fold-Lazy-Loaded-Images.js | sha256:5cfa32e18ec6be59 | https://github.com/nucliweb/webperf-snippets/blob/main/snippets/Loading/Find-Above-The-Fold-Lazy-Loaded-Images.js
+(function(){function t(t){let e="";try{for(;t&&9!==t.nodeType;){const i=t,a=i.nodeName.toLowerCase(),n=i.id?"#"+i.id:a+(i.classList&&i.classList.value&&i.classList.value.trim()?"."+i.classList.value.trim().split(/\s+/).slice(0,2).join("."):"");if(e.length+n.length>80)return e||n;if(e=e?n+">"+e:n,i.id)break;t=i.parentNode}}catch{}return e}function e(t){const e=t.getBoundingClientRect();return e.top<window.innerHeight&&e.bottom>0&&e.left<window.innerWidth&&e.right>0&&e.width>0&&e.height>0}function i(t){const e=t.getBoundingClientRect(),i=[e.top,window.innerHeight-e.bottom,e.left,window.innerWidth-e.right];return Math.min(...i.map(t=>Math.abs(t)))}function a(t){if(!t)return null;try{const e=performance.getEntriesByType("resource").filter(t=>!function(t){return t.name.endsWith("#webperf-snippets")}(t)),i=e.find(e=>e.name===t||e.name.includes(t.split("/").pop()));if(i&&i.transferSize)return(i.transferSize/1024).toFixed(1)+" KB"}catch{}return null}function n(t){const e="lazy"===t.getAttribute("loading"),i=t.hasAttribute("data-src")||t.hasAttribute("data-lazy");return e&&i?"both":e?"loading-lazy":i?"data-src":null}const r={lazyImages:[],lcpCandidate:null,nodeArray:[],summary:{total:0,withLoadingLazy:0,withDataSrc:0,lcpAffected:!1}},s='[loading="lazy"], [data-src], [data-lazy]',o=document.querySelectorAll(`img${s}, picture source${s}`),l=Array.from(document.querySelectorAll("img")).filter(t=>e(t)&&t.getBoundingClientRect().width>0);let c=null,d=0;return l.forEach(t=>{const e=t.getBoundingClientRect(),i=e.width*e.height;i>d&&(d=i,c=t)}),o.forEach(s=>{const o="SOURCE"===s.tagName?s.closest("picture")?.querySelector("img"):s;if(!o||!e(o))return;const l=function(e){const r=e.getBoundingClientRect(),s=r.width*r.height;return{selector:t(e),lazyType:n(e),dimensions:`${Math.round(r.width)}×${Math.round(r.height)}`,position:{top:Math.round(r.top+window.scrollY),left:Math.round(r.left+window.scrollX)},distanceFromEdge:Math.round(i(e))+"px",src:e.currentSrc||e.src||e.getAttribute("data-src")||"",srcset:e.srcset||null,sizes:e.sizes||null,alt:e.alt||"(no alt)",fetchPriority:e.fetchPriority||"auto",fileSize:a(e.currentSrc||e.src),area:s,element:e}}(o);l.isLcpCandidate=o===c,r.lazyImages.push(l),r.nodeArray.push(o),r.summary.total++,"loading-lazy"!==l.lazyType&&"both"!==l.lazyType||r.summary.withLoadingLazy++,"data-src"!==l.lazyType&&"both"!==l.lazyType||r.summary.withDataSrc++,l.isLcpCandidate&&(r.summary.lcpAffected=!0,r.lcpCandidate=l)}),0===r.lazyImages.length||(r.lazyImages.map(t=>({selector:t.selector,lazyType:t.lazyType,dimensions:t.dimensions,top:t.position.top+"px",distanceFromEdge:t.distanceFromEdge,src:t.src,srcset:t.srcset,sizes:t.sizes,alt:t.alt,fetchPriority:t.fetchPriority,fileSize:t.fileSize,isLcpCandidate:t.isLcpCandidate?"⚠️ YES":"no"})),r.nodeArray.forEach((t,e)=>{})),{script:"Find-Above-The-Fold-Lazy-Loaded-Images",status:"ok",count:r.lazyImages.length,details:{total:r.summary.total,withLoadingLazy:r.summary.withLoadingLazy,withDataSrc:r.summary.withDataSrc,lcpAffected:r.summary.lcpAffected},items:r.lazyImages.map(t=>({selector:t.selector,lazyType:t.lazyType,dimensions:t.dimensions,position:`${t.position.top}px, ${t.position.left}px`,distanceFromEdge:t.distanceFromEdge,src:t.src,srcset:t.srcset,sizes:t.sizes,alt:t.alt,fetchPriority:t.fetchPriority,fileSize:t.fileSize,isLcpCandidate:t.isLcpCandidate})),issues:[...r.summary.lcpAffected?[{code:"lcp-lazy",severity:"error",message:'LCP candidate image has lazy loading: remove loading="lazy" and add fetchpriority="high"'}]:[],...r.lazyImages.filter(t=>!t.isLcpCandidate).length>0?[{code:"lazy-above-fold",severity:"warning",message:`${r.lazyImages.filter(t=>!t.isLcpCandidate).length} above-fold image(s) have lazy loading: remove loading="lazy"`}]:[]]}})();
\ No newline at end of file
diff --git a/.claude/skills/webperf-loading/scripts/Find-Images-With-Lazy-and-Fetchpriority.js b/.claude/skills/webperf-loading/scripts/Find-Images-With-Lazy-and-Fetchpriority.js
index f5e44d33..5ab8c8fd 100644
--- a/.claude/skills/webperf-loading/scripts/Find-Images-With-Lazy-and-Fetchpriority.js
+++ b/.claude/skills/webperf-loading/scripts/Find-Images-With-Lazy-and-Fetchpriority.js
@@ -1,2 +1,2 @@
-// snippets/Loading/Find-Images-With-Lazy-and-Fetchpriority.js | sha256:86c6c618a4781bd8 | https://github.com/nucliweb/webperf-snippets/blob/main/snippets/Loading/Find-Images-With-Lazy-and-Fetchpriority.js
-(()=>{function t(t){let e="";try{for(;t&&9!==t.nodeType;){const i=t,n=i.nodeName.toLowerCase(),r=i.id?"#"+i.id:n+(i.classList&&i.classList.value&&i.classList.value.trim()?"."+i.classList.value.trim().split(/\s+/).slice(0,2).join("."):"");if(e.length+r.length>80)return e||r;if(e=e?r+">"+e:r,i.id)break;t=i.parentNode}}catch{}return e}function e(t){const e=t.getBoundingClientRect();return e.top<window.innerHeight&&e.bottom>0&&e.left<window.innerWidth&&e.right>0&&e.width>0&&e.height>0}const i=Array.from(document.querySelectorAll("img")).filter(t=>e(t)&&t.getBoundingClientRect().width>0);let n=null,r=0;i.forEach(t=>{const e=t.getBoundingClientRect(),i=e.width*e.height;i>r&&(r=i,n=t)});const o=document.querySelectorAll("[loading=lazy][fetchpriority=high]");if(0===o.length);else{const i=Array.from(o).map(i=>{const r=i.getBoundingClientRect(),o=e(i),s=i===n;return{selector:t(i),dimensions:`${Math.round(r.width)}×${Math.round(r.height)}`,inViewport:o?"Yes":"No",isLcpCandidate:s?"⚠️ Yes":"No",src:(i.currentSrc||i.src||"").slice(-50),element:i}});i.forEach(({},t)=>{}),i.forEach(({})=>{})}return{script:"Find-Images-With-Lazy-and-Fetchpriority",status:"ok",count:o.length,items:Array.from(o).map(i=>{const r=i.getBoundingClientRect();return{selector:t(i),src:i.currentSrc||i.src||"",inViewport:e(i),isLcpCandidate:i===n,widthPx:Math.round(r.width),heightPx:Math.round(r.height)}}),issues:o.length>0?[{severity:"error",message:`${o.length} element(s) have conflicting loading="lazy" and fetchpriority="high"`}]:[]}})();
\ No newline at end of file
+// snippets/Loading/Find-Images-With-Lazy-and-Fetchpriority.js | sha256:40cad55e8fe8a65a | https://github.com/nucliweb/webperf-snippets/blob/main/snippets/Loading/Find-Images-With-Lazy-and-Fetchpriority.js
+(()=>{function t(t){let e="";try{for(;t&&9!==t.nodeType;){const i=t,n=i.nodeName.toLowerCase(),r=i.id?"#"+i.id:n+(i.classList&&i.classList.value&&i.classList.value.trim()?"."+i.classList.value.trim().split(/\s+/).slice(0,2).join("."):"");if(e.length+r.length>80)return e||r;if(e=e?r+">"+e:r,i.id)break;t=i.parentNode}}catch{}return e}function e(t){const e=t.getBoundingClientRect();return e.top<window.innerHeight&&e.bottom>0&&e.left<window.innerWidth&&e.right>0&&e.width>0&&e.height>0}const i=Array.from(document.querySelectorAll("img")).filter(t=>e(t)&&t.getBoundingClientRect().width>0);let n=null,r=0;i.forEach(t=>{const e=t.getBoundingClientRect(),i=e.width*e.height;i>r&&(r=i,n=t)});const o=document.querySelectorAll("[loading=lazy][fetchpriority=high]");if(0===o.length);else{const i=Array.from(o).map(i=>{const r=i.getBoundingClientRect(),o=e(i),c=i===n;return{selector:t(i),dimensions:`${Math.round(r.width)}×${Math.round(r.height)}`,inViewport:o?"Yes":"No",isLcpCandidate:c?"⚠️ Yes":"No",src:(i.currentSrc||i.src||"").slice(-50),element:i}});i.forEach(({},t)=>{}),i.forEach(({})=>{})}return{script:"Find-Images-With-Lazy-and-Fetchpriority",status:"ok",count:o.length,items:Array.from(o).map(i=>{const r=i.getBoundingClientRect();return{selector:t(i),src:i.currentSrc||i.src||"",inViewport:e(i),isLcpCandidate:i===n,widthPx:Math.round(r.width),heightPx:Math.round(r.height)}}),issues:o.length>0?[{code:"lazy-and-high-priority",severity:"error",message:`${o.length} element(s) have conflicting loading="lazy" and fetchpriority="high"`}]:[]}})();
\ No newline at end of file
diff --git a/.claude/skills/webperf-loading/scripts/Find-non-Lazy-Loaded-Images-outside-of-the-viewport.js b/.claude/skills/webperf-loading/scripts/Find-non-Lazy-Loaded-Images-outside-of-the-viewport.js
index 0c39be22..0a7e9025 100644
--- a/.claude/skills/webperf-loading/scripts/Find-non-Lazy-Loaded-Images-outside-of-the-viewport.js
+++ b/.claude/skills/webperf-loading/scripts/Find-non-Lazy-Loaded-Images-outside-of-the-viewport.js
@@ -1,2 +1,2 @@
-// snippets/Loading/Find-non-Lazy-Loaded-Images-outside-of-the-viewport.js | sha256:0b34523cfcb03ee7 | https://github.com/nucliweb/webperf-snippets/blob/main/snippets/Loading/Find-non-Lazy-Loaded-Images-outside-of-the-viewport.js
-(function(){function e(e){let t="";try{for(;e&&9!==e.nodeType;){const n=e,i=n.nodeName.toLowerCase(),o=n.id?"#"+n.id:i+(n.classList&&n.classList.value&&n.classList.value.trim()?"."+n.classList.value.trim().split(/\s+/).slice(0,2).join("."):"");if(t.length+o.length>80)return t||o;if(t=t?o+">"+t:o,n.id)break;e=n.parentNode}}catch{}return t}function t(e){const t=e.getBoundingClientRect();return t.top<window.innerHeight&&t.bottom>0&&t.left<window.innerWidth&&t.right>0&&t.width>0&&t.height>0}function n(e){if(null==e||Number.isNaN(e))return"-";if(0===e)return"0 B";const t=["B","KB","MB","GB"],n=Math.max(0,Math.min(Math.floor(Math.log(e)/Math.log(1024)),t.length-1));return(e/Math.pow(1024,n)).toFixed(1)+" "+t[n]}const i=Array.from(document.querySelectorAll("img")).filter(e=>t(e)&&e.getBoundingClientRect().width>0);let o=null,r=0;i.forEach(e=>{const t=e.getBoundingClientRect(),n=t.width*t.height;n>r&&(r=n,o=e)});const s=document.querySelectorAll('img:not([data-src]):not([loading="lazy"])'),d={belowFold:[],hiddenContainers:[],excluded:{inViewport:0,lcpCandidate:null,tooSmall:0},elements:[]};s.forEach(i=>{const r=i.getBoundingClientRect();if(t(i))return void(i===o?d.excluded.lcpCandidate=e(i):d.excluded.inViewport++);if(r.width<50||r.height<50)return void d.excluded.tooSmall++;const s=i.currentSrc||i.src,a=function(e){const t=e.currentSrc||e.src;if(!t||t.startsWith("data:"))return 0;const n=performance.getEntriesByType("resource").filter(e=>!e.name.endsWith("#webperf-snippets")).find(e=>e.name===t);return n&&(n.transferSize||n.encodedBodySize)||0}(i),l=function(t){let n=t.parentElement;const i=["[hidden]",'[aria-hidden="true"]',".modal:not(.show)",".tab-pane:not(.active)",'[role="tabpanel"]:not(.active)',".accordion-collapse:not(.show)",".carousel-item:not(.active)",".swiper-slide:not(.swiper-slide-active)"];for(;n&&n!==document.body;){const t=window.getComputedStyle(n);if("none"===t.display||"hidden"===t.visibility)return{hidden:!0,reason:"CSS hidden",container:e(n)};for(const t of i)try{if(n.matches(t))return{hidden:!0,reason:t,container:e(n)}}catch{}n=n.parentElement}return{hidden:!1}}(i),c={selector:e(i),src:s.length>60?"..."+s.slice(-57):s,fullSrc:s,dimensions:`${i.naturalWidth}×${i.naturalHeight}`,size:a,sizeFormatted:a>0?n(a):"unknown",element:i};l.hidden?(c.hiddenReason=l.reason,c.container=l.container,d.hiddenContainers.push(c)):(c.distanceFromViewport=Math.round(r.top-window.innerHeight)+"px",d.belowFold.push(c)),d.elements.push(i)}),d.belowFold.sort((e,t)=>parseInt(t.distanceFromViewport)-parseInt(e.distanceFromViewport));const a=d.belowFold.length+d.hiddenContainers.length,l=[...d.belowFold,...d.hiddenContainers].reduce((e,t)=>e+t.size,0);return 0===a||(d.belowFold.length>0&&d.belowFold.slice(0,20).map(e=>({selector:e.selector,src:e.src,dimensions:e.dimensions,size:e.size,sizeFormatted:e.sizeFormatted,distanceFromViewport:e.distanceFromViewport})),d.hiddenContainers.length>0&&d.hiddenContainers.slice(0,15).map(e=>({selector:e.selector,src:e.src,dimensions:e.dimensions,size:e.size,sizeFormatted:e.sizeFormatted,hiddenReason:e.hiddenReason,container:e.container})),d.elements.slice(0,15).forEach((e,t)=>{})),{script:"Find-non-Lazy-Loaded-Images-outside-of-the-viewport",status:"ok",count:a,details:{belowFoldCount:d.belowFold.length,hiddenContainerCount:d.hiddenContainers.length,totalSizeBytes:l,excluded:{inViewport:d.excluded.inViewport,lcpCandidate:d.excluded.lcpCandidate,tooSmall:d.excluded.tooSmall}},items:[...d.belowFold.map(e=>({selector:e.selector,src:e.fullSrc,sizeBytes:e.size,category:"below-fold",distancePx:parseInt(e.distanceFromViewport)})),...d.hiddenContainers.map(e=>({selector:e.selector,src:e.fullSrc,sizeBytes:e.size,category:"hidden-container",hiddenReason:e.hiddenReason,container:e.container}))],issues:a>0?[{severity:"warning",message:`${a} image(s) outside the viewport are missing loading="lazy"`}]:[]}})();
\ No newline at end of file
+// snippets/Loading/Find-non-Lazy-Loaded-Images-outside-of-the-viewport.js | sha256:e409559652d00e9b | https://github.com/nucliweb/webperf-snippets/blob/main/snippets/Loading/Find-non-Lazy-Loaded-Images-outside-of-the-viewport.js
+(function(){function e(e){let t="";try{for(;e&&9!==e.nodeType;){const n=e,i=n.nodeName.toLowerCase(),o=n.id?"#"+n.id:i+(n.classList&&n.classList.value&&n.classList.value.trim()?"."+n.classList.value.trim().split(/\s+/).slice(0,2).join("."):"");if(t.length+o.length>80)return t||o;if(t=t?o+">"+t:o,n.id)break;e=n.parentNode}}catch{}return t}function t(e){const t=e.getBoundingClientRect();return t.top<window.innerHeight&&t.bottom>0&&t.left<window.innerWidth&&t.right>0&&t.width>0&&t.height>0}function n(e){if(null==e||Number.isNaN(e))return"-";if(0===e)return"0 B";const t=["B","KB","MB","GB"],n=Math.max(0,Math.min(Math.floor(Math.log(e)/Math.log(1024)),t.length-1));return(e/Math.pow(1024,n)).toFixed(1)+" "+t[n]}const i=Array.from(document.querySelectorAll("img")).filter(e=>t(e)&&e.getBoundingClientRect().width>0);let o=null,r=0;i.forEach(e=>{const t=e.getBoundingClientRect(),n=t.width*t.height;n>r&&(r=n,o=e)});const s=document.querySelectorAll('img:not([data-src]):not([loading="lazy"])'),d={belowFold:[],hiddenContainers:[],excluded:{inViewport:0,lcpCandidate:null,tooSmall:0},elements:[]};s.forEach(i=>{const r=i.getBoundingClientRect();if(t(i))return void(i===o?d.excluded.lcpCandidate=e(i):d.excluded.inViewport++);if(r.width<50||r.height<50)return void d.excluded.tooSmall++;const s=i.currentSrc||i.src,a=function(e){const t=e.currentSrc||e.src;if(!t||t.startsWith("data:"))return 0;const n=performance.getEntriesByType("resource").filter(e=>!e.name.endsWith("#webperf-snippets")).find(e=>e.name===t);return n&&(n.transferSize||n.encodedBodySize)||0}(i),l=function(t){let n=t.parentElement;const i=["[hidden]",'[aria-hidden="true"]',".modal:not(.show)",".tab-pane:not(.active)",'[role="tabpanel"]:not(.active)',".accordion-collapse:not(.show)",".carousel-item:not(.active)",".swiper-slide:not(.swiper-slide-active)"];for(;n&&n!==document.body;){const t=window.getComputedStyle(n);if("none"===t.display||"hidden"===t.visibility)return{hidden:!0,reason:"CSS hidden",container:e(n)};for(const t of i)try{if(n.matches(t))return{hidden:!0,reason:t,container:e(n)}}catch{}n=n.parentElement}return{hidden:!1}}(i),c={selector:e(i),src:s.length>60?"..."+s.slice(-57):s,fullSrc:s,dimensions:`${i.naturalWidth}×${i.naturalHeight}`,size:a,sizeFormatted:a>0?n(a):"unknown",element:i};l.hidden?(c.hiddenReason=l.reason,c.container=l.container,d.hiddenContainers.push(c)):(c.distanceFromViewport=Math.round(r.top-window.innerHeight)+"px",d.belowFold.push(c)),d.elements.push(i)}),d.belowFold.sort((e,t)=>parseInt(t.distanceFromViewport)-parseInt(e.distanceFromViewport));const a=d.belowFold.length+d.hiddenContainers.length,l=[...d.belowFold,...d.hiddenContainers].reduce((e,t)=>e+t.size,0);return 0===a||(d.belowFold.length>0&&d.belowFold.slice(0,20).map(e=>({selector:e.selector,src:e.src,dimensions:e.dimensions,size:e.size,sizeFormatted:e.sizeFormatted,distanceFromViewport:e.distanceFromViewport})),d.hiddenContainers.length>0&&d.hiddenContainers.slice(0,15).map(e=>({selector:e.selector,src:e.src,dimensions:e.dimensions,size:e.size,sizeFormatted:e.sizeFormatted,hiddenReason:e.hiddenReason,container:e.container})),d.elements.slice(0,15).forEach((e,t)=>{})),{script:"Find-non-Lazy-Loaded-Images-outside-of-the-viewport",status:"ok",count:a,details:{belowFoldCount:d.belowFold.length,hiddenContainerCount:d.hiddenContainers.length,totalSizeBytes:l,excluded:{inViewport:d.excluded.inViewport,lcpCandidate:d.excluded.lcpCandidate,tooSmall:d.excluded.tooSmall}},items:[...d.belowFold.map(e=>({selector:e.selector,src:e.fullSrc,sizeBytes:e.size,category:"below-fold",distancePx:parseInt(e.distanceFromViewport)})),...d.hiddenContainers.map(e=>({selector:e.selector,src:e.fullSrc,sizeBytes:e.size,category:"hidden-container",hiddenReason:e.hiddenReason,container:e.container}))],issues:a>0?[{code:"eager-off-viewport",severity:"warning",message:`${a} image(s) outside the viewport are missing loading="lazy"`}]:[]}})();
\ No newline at end of file
diff --git a/.claude/skills/webperf-loading/scripts/Find-render-blocking-resources.js b/.claude/skills/webperf-loading/scripts/Find-render-blocking-resources.js
index e98aa815..ac6d4cc7 100644
--- a/.claude/skills/webperf-loading/scripts/Find-render-blocking-resources.js
+++ b/.claude/skills/webperf-loading/scripts/Find-render-blocking-resources.js
@@ -1,2 +1,2 @@
-// snippets/Loading/Find-render-blocking-resources.js | sha256:df716a8027bb6d06 | https://github.com/nucliweb/webperf-snippets/blob/main/snippets/Loading/Find-render-blocking-resources.js
-(()=>{function e(e){return e.name.endsWith("#webperf-snippets")}const r=performance.getEntriesByType("resource").filter(r=>!e(r))[0];if(r&&!("renderBlockingStatus"in r))return{script:"Find-render-blocking-resources",status:"unsupported",error:"renderBlockingStatus API requires Chrome 107+"};const n=performance.getEntriesByType("resource").filter(r=>!e(r)).filter(e=>"blocking"===e.renderBlockingStatus).map(e=>{const r=new URL(e.name);return{name:e.name,shortName:r.pathname.split("/").pop()||r.pathname,type:e.initiatorType,startTime:e.startTime,duration:e.duration,responseEnd:e.responseEnd,size:e.transferSize||0}}).sort((e,r)=>r.responseEnd-e.responseEnd),t=n.length?Math.max(...n.map(e=>e.responseEnd)):0,s=n.reduce((e,r)=>e+r.size,0),o=n.reduce((e,r)=>(e[r.type]=(e[r.type]||0)+1,e),{});if(0===n.length);else{s>0&&(s/1024).toFixed(1);const e=(e,r)=>{const n=Math.round(e/r*100/5);return"█".repeat(n)+"░".repeat(20-n)};n.forEach(r=>{e(r.responseEnd,t),r.size>0&&(r.size/1024).toFixed(1)}),n.map(e=>({Type:e.type,"Response End":e.responseEnd.toFixed(0)+"ms",Duration:e.duration.toFixed(0)+"ms",Size:e.size>0?(e.size/1024).toFixed(1)+" KB":"N/A",Resource:e.name.length>60?"..."+e.name.slice(-57):e.name}))}return{script:"Find-render-blocking-resources",status:"ok",count:n.length,details:{totalBlockingUntilMs:Math.round(t),totalSizeBytes:s,byType:o},items:n.map(e=>({type:e.type,url:e.name,shortName:e.shortName,responseEndMs:Math.round(e.responseEnd),durationMs:Math.round(e.duration),sizeBytes:e.size})),issues:n.length>0?[{severity:"error",message:`${n.length} render-blocking resource(s) delay rendering until ${Math.round(t)}ms`}]:[]}})();
\ No newline at end of file
+// snippets/Loading/Find-render-blocking-resources.js | sha256:956e114c83da4ff2 | https://github.com/nucliweb/webperf-snippets/blob/main/snippets/Loading/Find-render-blocking-resources.js
+(()=>{function e(e){return e.name.endsWith("#webperf-snippets")}const r=performance.getEntriesByType("resource").filter(r=>!e(r))[0];if(r&&!("renderBlockingStatus"in r))return{script:"Find-render-blocking-resources",status:"unsupported",error:"renderBlockingStatus API requires Chrome 107+"};const n=performance.getEntriesByType("resource").filter(r=>!e(r)).filter(e=>"blocking"===e.renderBlockingStatus).map(e=>{const r=new URL(e.name);return{name:e.name,shortName:r.pathname.split("/").pop()||r.pathname,type:e.initiatorType,startTime:e.startTime,duration:e.duration,responseEnd:e.responseEnd,size:e.transferSize||0}}).sort((e,r)=>r.responseEnd-e.responseEnd),t=n.length?Math.max(...n.map(e=>e.responseEnd)):0,s=n.reduce((e,r)=>e+r.size,0),o=n.reduce((e,r)=>(e[r.type]=(e[r.type]||0)+1,e),{});if(0===n.length);else{s>0&&(s/1024).toFixed(1);const e=(e,r)=>{const n=Math.round(e/r*100/5);return"█".repeat(n)+"░".repeat(20-n)};n.forEach(r=>{e(r.responseEnd,t),r.size>0&&(r.size/1024).toFixed(1)}),n.map(e=>({Type:e.type,"Response End":e.responseEnd.toFixed(0)+"ms",Duration:e.duration.toFixed(0)+"ms",Size:e.size>0?(e.size/1024).toFixed(1)+" KB":"N/A",Resource:e.name.length>60?"..."+e.name.slice(-57):e.name}))}return{script:"Find-render-blocking-resources",status:"ok",count:n.length,details:{totalBlockingUntilMs:Math.round(t),totalSizeBytes:s,byType:o},items:n.map(e=>({type:e.type,url:e.name,shortName:e.shortName,responseEndMs:Math.round(e.responseEnd),durationMs:Math.round(e.duration),sizeBytes:e.size})),issues:n.length>0?[{code:"render-blocking",severity:"error",message:`${n.length} render-blocking resource(s) delay rendering until ${Math.round(t)}ms`}]:[]}})();
\ No newline at end of file
diff --git a/.claude/skills/webperf-loading/scripts/Fonts-Preloaded-Loaded-and-used-above-the-fold.js b/.claude/skills/webperf-loading/scripts/Fonts-Preloaded-Loaded-and-used-above-the-fold.js
index c0124973..e1005235 100644
--- a/.claude/skills/webperf-loading/scripts/Fonts-Preloaded-Loaded-and-used-above-the-fold.js
+++ b/.claude/skills/webperf-loading/scripts/Fonts-Preloaded-Loaded-and-used-above-the-fold.js
@@ -1,2 +1,2 @@
-// snippets/Loading/Fonts-Preloaded-Loaded-and-used-above-the-fold.js | sha256:105b77e056047f03 | https://github.com/nucliweb/webperf-snippets/blob/main/snippets/Loading/Fonts-Preloaded-Loaded-and-used-above-the-fold.js
-(()=>{const e=[];function t(e){try{const t=new URL(e).pathname;return t.split("/").pop()||t}catch{return e}}function n(e){const t=e.replace(/\.$/,"");if(/^\d{1,3}(\.\d{1,3}){3}$/.test(t)||t.includes(":"))return t;const n=t.split(".");return n.length<=2?t:2===n[n.length-1].length&&["ac","co","com","edu","go","gob","gouv","gov","govt","mil","ne","net","nom","or","org","sch"].includes(n[n.length-2])?n.slice(-3).join("."):n.slice(-2).join(".")}function o(t){try{return!function(t){const o=n(t);return o===n(location.hostname)||e.some(e=>n(String(e).trim().toLowerCase().replace(/^[a-z]+:\/\//,"").split("/")[0])===o)}(new URL(t).hostname)}catch{return!1}}function i(e){return e.split(",")[0].trim().replace(/["']/g,"").toLowerCase()}const r=Array.from(document.querySelectorAll('link[rel="preload"][as="font"]')).map(e=>({href:e.href,name:t(e.href),crossorigin:e.crossOrigin,type:e.type||"unknown",thirdParty:o(e.href)})),l=Array.from(document.fonts.values()).filter(e=>"loaded"===e.status).map(e=>({family:e.family.replace(/["']/g,""),weight:e.weight,style:e.style,display:e.display||"unknown",key:`${e.family.replace(/["']/g,"")}-${e.weight}-${e.style}`})),s=Array.from(new Map(l.map(e=>[e.key,e])).values()),a=window.innerHeight,m=window.innerWidth,d=Array.from(document.querySelectorAll("body *:not(script):not(style):not(link):not(source)")).filter(e=>{const t=e.getBoundingClientRect();return t.top<a&&t.bottom>0&&t.left<m&&t.right>0&&t.width>0&&t.height>0}),c=new Map;d.forEach(e=>{const t=getComputedStyle(e),n=t.fontFamily,o=t.fontWeight,i=t.fontStyle,r=`${n}-${o}-${i}`;c.has(r)?c.get(r).elements++:c.set(r,{family:n.split(",")[0].trim().replace(/["']/g,""),fullFamily:n,weight:o,style:i,elements:1})});const y=Array.from(c.values()),f=r.map(e=>i(e.name.replace(/\.(woff2?|ttf|otf|eot)$/i,""))),g=y.map(e=>i(e.family)),h=r.filter(e=>{const t=i(e.name.replace(/\.(woff2?|ttf|otf|eot)$/i,""));return!g.some(e=>e.includes(t)||t.includes(e))}),u=y.filter(e=>{const t=i(e.family);return!["arial","helvetica","times","georgia","verdana","system-ui","-apple-system","segoe ui","roboto","sans-serif","serif","monospace"].some(e=>t.includes(e))&&!f.some(e=>e.includes(t)||t.includes(e))});return 0===r.length||(r.map(e=>({Font:e.name,Type:e.type,"Third-Party":e.thirdParty?"Yes":"No",Crossorigin:e.crossorigin||"missing ⚠️"})),r.filter(e=>!e.crossorigin)),0===s.length||(s.map(e=>({Family:e.family,Weight:e.weight,Style:e.style,Display:e.display})),s.filter(e=>"auto"===e.display||"unknown"===e.display)),0===y.length||y.sort((e,t)=>t.elements-e.elements).map(e=>({Family:e.family,Weight:e.weight,Style:e.style,"Elements Using":e.elements})),(h.length>0||u.length>0)&&(h.length>0&&h.forEach(e=>{}),u.length>0&&u.forEach(e=>{})),r.filter(e=>e.thirdParty),{script:"Fonts-Preloaded-Loaded-and-used-above-the-fold",status:"ok",count:s.length,details:{preloadedCount:r.length,loadedCount:s.length,usedAboveFoldCount:y.length,preloadedNotUsedCount:h.length,usedNotPreloadedCount:u.length,preloadedFonts:r.slice(0,20).map(e=>({family:e.name.replace(/\.(woff2?|ttf|otf|eot)$/i,""),href:e.href,fontType:e.type,crossorigin:e.crossorigin||"",thirdParty:e.thirdParty}))},items:s.slice(0,50).map(e=>({family:e.family,weight:e.weight,style:e.style,display:e.display})),usedFonts:y.slice(0,50).map(e=>({family:e.family,weight:e.weight,style:e.style,elements:e.elements})),issues:[...h.map(e=>({severity:"warning",message:`Preloaded but not used above fold: ${e.name}`})),...u.map(e=>({severity:"warning",message:`Used above fold but not preloaded: ${e.family} (${e.weight})`})),...r.filter(e=>!e.crossorigin).map(e=>({severity:"error",message:`Font preloaded without crossorigin (double fetch): ${e.name}`}))]}})();
\ No newline at end of file
+// snippets/Loading/Fonts-Preloaded-Loaded-and-used-above-the-fold.js | sha256:6308d064c5b2afb9 | https://github.com/nucliweb/webperf-snippets/blob/main/snippets/Loading/Fonts-Preloaded-Loaded-and-used-above-the-fold.js
+(()=>{const e=[];function t(e){try{const t=new URL(e).pathname;return t.split("/").pop()||t}catch{return e}}function o(e){const t=e.replace(/\.$/,"");if(/^\d{1,3}(\.\d{1,3}){3}$/.test(t)||t.includes(":"))return t;const o=t.split(".");return o.length<=2?t:2===o[o.length-1].length&&["ac","co","com","edu","go","gob","gouv","gov","govt","mil","ne","net","nom","or","org","sch"].includes(o[o.length-2])?o.slice(-3).join("."):o.slice(-2).join(".")}function n(t){try{return!function(t){const n=o(t);return n===o(location.hostname)||e.some(e=>o(String(e).trim().toLowerCase().replace(/^[a-z]+:\/\//,"").split("/")[0])===n)}(new URL(t).hostname)}catch{return!1}}function r(e){return e.split(",")[0].trim().replace(/["']/g,"").toLowerCase()}const i=Array.from(document.querySelectorAll('link[rel="preload"][as="font"]')).map(e=>({href:e.href,name:t(e.href),crossorigin:e.crossOrigin,type:e.type||"unknown",thirdParty:n(e.href)})),l=Array.from(document.fonts.values()).filter(e=>"loaded"===e.status).map(e=>({family:e.family.replace(/["']/g,""),weight:e.weight,style:e.style,display:e.display||"unknown",key:`${e.family.replace(/["']/g,"")}-${e.weight}-${e.style}`})),s=Array.from(new Map(l.map(e=>[e.key,e])).values()),a=window.innerHeight,m=window.innerWidth,d=Array.from(document.querySelectorAll("body *:not(script):not(style):not(link):not(source)")).filter(e=>{const t=e.getBoundingClientRect();return t.top<a&&t.bottom>0&&t.left<m&&t.right>0&&t.width>0&&t.height>0}),c=new Map;d.forEach(e=>{const t=getComputedStyle(e),o=t.fontFamily,n=t.fontWeight,r=t.fontStyle,i=`${o}-${n}-${r}`;c.has(i)?c.get(i).elements++:c.set(i,{family:o.split(",")[0].trim().replace(/["']/g,""),fullFamily:o,weight:n,style:r,elements:1})});const g=Array.from(c.values()),y=i.map(e=>r(e.name.replace(/\.(woff2?|ttf|otf|eot)$/i,""))),f=g.map(e=>r(e.family)),u=i.filter(e=>{const t=r(e.name.replace(/\.(woff2?|ttf|otf|eot)$/i,""));return!f.some(e=>e.includes(t)||t.includes(e))}),h=g.filter(e=>{const t=r(e.family);return!["arial","helvetica","times","georgia","verdana","system-ui","-apple-system","segoe ui","roboto","sans-serif","serif","monospace"].some(e=>t.includes(e))&&!y.some(e=>e.includes(t)||t.includes(e))});return 0===i.length||(i.map(e=>({Font:e.name,Type:e.type,"Third-Party":e.thirdParty?"Yes":"No",Crossorigin:e.crossorigin||"missing ⚠️"})),i.filter(e=>!e.crossorigin)),0===s.length||(s.map(e=>({Family:e.family,Weight:e.weight,Style:e.style,Display:e.display})),s.filter(e=>"auto"===e.display||"unknown"===e.display)),0===g.length||g.sort((e,t)=>t.elements-e.elements).map(e=>({Family:e.family,Weight:e.weight,Style:e.style,"Elements Using":e.elements})),(u.length>0||h.length>0)&&(u.length>0&&u.forEach(e=>{}),h.length>0&&h.forEach(e=>{})),i.filter(e=>e.thirdParty),{script:"Fonts-Preloaded-Loaded-and-used-above-the-fold",status:"ok",count:s.length,details:{preloadedCount:i.length,loadedCount:s.length,usedAboveFoldCount:g.length,preloadedNotUsedCount:u.length,usedNotPreloadedCount:h.length,preloadedFonts:i.slice(0,20).map(e=>({family:e.name.replace(/\.(woff2?|ttf|otf|eot)$/i,""),href:e.href,fontType:e.type,crossorigin:e.crossorigin||"",thirdParty:e.thirdParty}))},items:s.slice(0,50).map(e=>({family:e.family,weight:e.weight,style:e.style,display:e.display})),usedFonts:g.slice(0,50).map(e=>({family:e.family,weight:e.weight,style:e.style,elements:e.elements})),issues:[...u.map(e=>({code:"preloaded-unused",severity:"warning",message:`Preloaded but not used above fold: ${e.name}`,target:e.name})),...h.map(e=>({code:"used-not-preloaded",severity:"warning",message:`Used above fold but not preloaded: ${e.family} (${e.weight})`,target:`${e.family} (${e.weight})`})),...i.filter(e=>!e.crossorigin).map(e=>({code:"preload-no-crossorigin",severity:"error",message:`Font preloaded without crossorigin (double fetch): ${e.name}`,target:e.name}))]}})();
\ No newline at end of file
diff --git a/.claude/skills/webperf-loading/scripts/Inline-CSS-Info-and-Size.js b/.claude/skills/webperf-loading/scripts/Inline-CSS-Info-and-Size.js
index 65ec27b7..66876498 100644
--- a/.claude/skills/webperf-loading/scripts/Inline-CSS-Info-and-Size.js
+++ b/.claude/skills/webperf-loading/scripts/Inline-CSS-Info-and-Size.js
@@ -1,2 +1,2 @@
-// snippets/Loading/Inline-CSS-Info-and-Size.js | sha256:c75f1fcca15117d0 | https://github.com/nucliweb/webperf-snippets/blob/main/snippets/Loading/Inline-CSS-Info-and-Size.js
-(()=>{function e(e){if(null==e||Number.isNaN(e))return"-";if(0===e)return"0 B";const t=["B","KB","MB","GB"],s=Math.max(0,Math.min(Math.floor(Math.log(e)/Math.log(1024)),t.length-1));return(e/Math.pow(1024,s)).toFixed(1)+" "+t[s]}const t=Array.from(document.querySelectorAll("style"));if(0===t.length)return{script:"Inline-CSS-Info-and-Size",status:"ok",count:0,items:[],issues:[]};const s=t.map((e,t)=>{const s=e.innerHTML,n=new Blob([s]).size,a=e.parentElement?.tagName.toLowerCase()||"unknown",i=null!==e.closest("head"),l=(s.match(/\{[^}]*\}/g)||[]).length,o=s.replace(/\s+/g," ").trim().slice(0,80),r=/@media/i.test(s),c=/@keyframes/i.test(s);return{index:t+1,element:e,size:n,sizeKB:(u=n,(u/1024).toFixed(2)),parent:a,inHead:i,ruleCount:l,preview:o+(s.length>80?"...":""),hasMediaQueries:r,hasKeyframes:c,content:s};var u}),n=s.reduce((e,t)=>e+t.size,0),a=s.reduce((e,t)=>e+t.ruleCount,0),i=14336,l=new Map;s.forEach(e=>{const t=e.content.replace(/\s+/g," ").trim();l.has(t)||l.set(t,[]),l.get(t).push(e.index)});const o=Array.from(l.entries()).filter(([,e])=>e.length>1).map(([,e])=>e);let r,c;n<=7168?(r="Good",c="#22c55e"):n<=i?(r="Acceptable",c="#f59e0b"):(r="Too Large",c="#ef4444");const u=Math.min(n/i*100,100),d=Math.round(u/5);"█".repeat(d),"░".repeat(20-d),s.map(t=>({"#":t.index,Location:t.inHead?"head":"body",Size:e(t.size),Rules:t.ruleCount,"Media Queries":t.hasMediaQueries?"Yes":"-",Animations:t.hasKeyframes?"Yes":"-",Preview:t.preview})),s.forEach(e=>{});const h=[];n>i&&h.push({type:"size",message:`Total inline CSS (${e(n)}) exceeds 14 KB critical budget`,suggestion:"Move non-critical styles to external stylesheet"}),o.length>0&&h.push({type:"duplicate",message:`Found ${o.length} duplicated style block(s)`,details:o.map(e=>`Tags #${e.join(", #")} have identical content`),suggestion:"Consolidate duplicate styles into a single block"});const g=s.filter(e=>e.size>5120);g.length>0&&h.push({type:"large",message:`${g.length} style block(s) over 5 KB`,details:g.map(t=>`Tag #${t.index}: ${e(t.size)}`),suggestion:"Consider moving large blocks to external cached stylesheets"});const m=s.filter(e=>!e.inHead);return m.length>0&&h.push({type:"location",message:`${m.length} style block(s) in <body>`,details:m.map(e=>`Tag #${e.index}`),suggestion:"Move styles to <head> or use external stylesheets for better parsing"}),h.length>0&&h.forEach(e=>{e.details&&e.details.forEach(e=>{})}),{script:"Inline-CSS-Info-and-Size",status:"ok",count:s.length,details:{totalSizeBytes:n,totalRules:a,criticalBudgetBytes:i,duplicateBlocks:o.length,bodyStyleBlocks:s.filter(e=>!e.inHead).length},items:s.map(e=>({index:e.index,sizeBytes:e.size,parent:e.parent,inHead:e.inHead,ruleCount:e.ruleCount,hasMediaQueries:e.hasMediaQueries,hasKeyframes:e.hasKeyframes})),issues:h.map(e=>({severity:"warning",message:e.message}))}})();
\ No newline at end of file
+// snippets/Loading/Inline-CSS-Info-and-Size.js | sha256:4248d11299b3cb45 | https://github.com/nucliweb/webperf-snippets/blob/main/snippets/Loading/Inline-CSS-Info-and-Size.js
+(()=>{function e(e){if(null==e||Number.isNaN(e))return"-";if(0===e)return"0 B";const t=["B","KB","MB","GB"],s=Math.max(0,Math.min(Math.floor(Math.log(e)/Math.log(1024)),t.length-1));return(e/Math.pow(1024,s)).toFixed(1)+" "+t[s]}const t=Array.from(document.querySelectorAll("style"));if(0===t.length)return{script:"Inline-CSS-Info-and-Size",status:"ok",count:0,items:[],issues:[]};const s=t.map((e,t)=>{const s=e.innerHTML,a=new Blob([s]).size,n=e.parentElement?.tagName.toLowerCase()||"unknown",i=null!==e.closest("head"),o=(s.match(/\{[^}]*\}/g)||[]).length,l=s.replace(/\s+/g," ").trim().slice(0,80),r=/@media/i.test(s),c=/@keyframes/i.test(s);return{index:t+1,element:e,size:a,sizeKB:(d=a,(d/1024).toFixed(2)),parent:n,inHead:i,ruleCount:o,preview:l+(s.length>80?"...":""),hasMediaQueries:r,hasKeyframes:c,content:s};var d}),a=s.reduce((e,t)=>e+t.size,0),n=s.reduce((e,t)=>e+t.ruleCount,0),i=14336,o=new Map;s.forEach(e=>{const t=e.content.replace(/\s+/g," ").trim();o.has(t)||o.set(t,[]),o.get(t).push(e.index)});const l=Array.from(o.entries()).filter(([,e])=>e.length>1).map(([,e])=>e);let r,c;a<=7168?(r="Good",c="#22c55e"):a<=i?(r="Acceptable",c="#f59e0b"):(r="Too Large",c="#ef4444");const d=Math.min(a/i*100,100),u=Math.round(d/5);"█".repeat(u),"░".repeat(20-u),s.map(t=>({"#":t.index,Location:t.inHead?"head":"body",Size:e(t.size),Rules:t.ruleCount,"Media Queries":t.hasMediaQueries?"Yes":"-",Animations:t.hasKeyframes?"Yes":"-",Preview:t.preview})),s.forEach(e=>{});const g=[];a>i&&g.push({code:"over-budget",type:"size",message:`Total inline CSS (${e(a)}) exceeds 14 KB critical budget`,suggestion:"Move non-critical styles to external stylesheet"}),l.length>0&&g.push({code:"duplicate-blocks",type:"duplicate",message:`Found ${l.length} duplicated style block(s)`,details:l.map(e=>`Tags #${e.join(", #")} have identical content`),suggestion:"Consolidate duplicate styles into a single block"});const h=s.filter(e=>e.size>5120);h.length>0&&g.push({code:"large-blocks",type:"large",message:`${h.length} style block(s) over 5 KB`,details:h.map(t=>`Tag #${t.index}: ${e(t.size)}`),suggestion:"Consider moving large blocks to external cached stylesheets"});const p=s.filter(e=>!e.inHead);return p.length>0&&g.push({code:"styles-in-body",type:"location",message:`${p.length} style block(s) in <body>`,details:p.map(e=>`Tag #${e.index}`),suggestion:"Move styles to <head> or use external stylesheets for better parsing"}),g.length>0&&g.forEach(e=>{e.details&&e.details.forEach(e=>{})}),{script:"Inline-CSS-Info-and-Size",status:"ok",count:s.length,details:{totalSizeBytes:a,totalRules:n,criticalBudgetBytes:i,duplicateBlocks:l.length,bodyStyleBlocks:s.filter(e=>!e.inHead).length},items:s.map(e=>({index:e.index,sizeBytes:e.size,parent:e.parent,inHead:e.inHead,ruleCount:e.ruleCount,hasMediaQueries:e.hasMediaQueries,hasKeyframes:e.hasKeyframes})),issues:g.map(e=>({code:e.code,severity:"warning",message:e.message}))}})();
\ No newline at end of file
diff --git a/.claude/skills/webperf-loading/scripts/Webfont-Usage-Analyzer.js b/.claude/skills/webperf-loading/scripts/Webfont-Usage-Analyzer.js
index 8cebff38..998b286e 100644
--- a/.claude/skills/webperf-loading/scripts/Webfont-Usage-Analyzer.js
+++ b/.claude/skills/webperf-loading/scripts/Webfont-Usage-Analyzer.js
@@ -1,2 +1,2 @@
-// snippets/Loading/Webfont-Usage-Analyzer.js | sha256:3e90c80af603598a | https://github.com/nucliweb/webperf-snippets/blob/main/snippets/Loading/Webfont-Usage-Analyzer.js
-(()=>{const e="Webfont-Usage-Analyzer",t=307200,s=/\.(woff2?|ttf|otf|eot)(\?|#|$)/i;if("undefined"==typeof FontFace||!document.fonts)return{script:e,status:"unsupported",message:"The CSS Font Loading API (document.fonts) is not available in this browser"};const n=e=>String(e).replace(/["']/g,"").trim(),o=e=>`${(e/1024).toFixed(1)} KB`;function a(e){const t=String(e).trim().toLowerCase();if("normal"===t)return[400,400];if("bold"===t)return[700,700];const s=t.split(/\s+/).map(Number).filter(e=>!Number.isNaN(e));return 0===s.length?[400,400]:[Math.min(...s),Math.max(...s)]}function r(e){const t=[];for(const s of String(e).split(",")){const e=s.trim().match(/^U\+([0-9a-f?]+)(?:-([0-9a-f]+))?$/i);if(e)if(e[1].includes("?"))t.push([parseInt(e[1].replace(/\?/g,"0"),16),parseInt(e[1].replace(/\?/g,"f"),16)]);else{const s=parseInt(e[1],16);t.push([s,e[2]?parseInt(e[2],16):s])}}return t}const i=e=>!e||/^U\+0-10FFFF$/i.test(e.trim()),l=e=>"normal"===String(e).trim().toLowerCase()?"normal":"slanted";let d=0;const u=new Map,c=(e,t,s,o)=>[n(e).toLowerCase(),String(t).trim()||"normal",String(s).trim()||"normal",i(o)?"":r(o).map(e=>e.join("-")).join(",")].join("|");function f(e,t,s){if(!(s>6))for(const n of e)if(n instanceof window.CSSFontFaceRule){const e=n.style,s=[...e.getPropertyValue("src").matchAll(/url\(\s*(["']?)(.*?)\1\s*\)/g)].map(e=>{try{return new URL(e[2],t).href}catch{return null}}).filter(e=>e&&!e.startsWith("data:")),o=c(e.getPropertyValue("font-family"),e.getPropertyValue("font-weight"),e.getPropertyValue("font-style"),e.getPropertyValue("unicode-range"));u.set(o,[...u.get(o)??[],s])}else n.styleSheet?g(n.styleSheet,s+1):n.cssRules&&f(n.cssRules,t,s+1)}function g(e,t){try{f(e.cssRules,e.href||location.href,t)}catch{d++}}Array.from(document.styleSheets).forEach(e=>g(e,0));const h=new Set([...u.values()].flat(2)),m=new Map;for(const e of performance.getEntriesByType("resource").filter(e=>!e.name.endsWith("#webperf-snippets")))(s.test(e.name)||h.has(e.name))&&m.set(e.name,Math.max(m.get(e.name)??0,e.encodedBodySize||0));const y=[...m.values()].reduce((e,t)=>e+t,0),p=[...m.values()].every(e=>e>0),w=new Map,b=new Set(["SCRIPT","STYLE","NOSCRIPT","TEMPLATE","HEAD","TITLE","META","LINK"]);function $(e,t,s){const o=s.replace(/\s+/g,"");if(!o)return;const a=`${t.fontFamily}|${t.fontWeight}|${t.fontStyle}`;let r=w.get(a);r||(r={families:[...t.fontFamily.matchAll(/"([^"]+)"|'([^']+)'|([^,]+)/g)].map(e=>n(e[1]??e[2]??e[3]).toLowerCase()),weight:Number(t.fontWeight)||400,style:t.fontStyle,codepoints:new Set},w.set(a,r));for(const e of o){if(r.codepoints.size>=2e4)break;r.codepoints.add(e.codePointAt(0))}}const S=e=>e&&"none"!==e&&"normal"!==e?e.replace(/^["']|["']$/g,"").replace(/\\([0-9a-f]{1,6})\s?/gi,(e,t)=>String.fromCodePoint(parseInt(t,16))).replace(/\\(.)/g,"$1"):"",v=[document.body,...document.body.querySelectorAll("*")],R=Math.min(v.length,2e4);for(let e=0;e<R;e++){const t=v[e];if(b.has(t.tagName)||t.checkVisibility&&!t.checkVisibility())continue;const s=getComputedStyle(t);let n="";for(const e of t.childNodes)e.nodeType===Node.TEXT_NODE&&(n+=e.nodeValue);$(0,s,n);for(const e of["::before","::after"]){const s=getComputedStyle(t,e);$(0,s,S(s.content))}}const _=new Map,C=Array.from(document.fonts).map(e=>{const t=n(e.family),s=i(e.unicodeRange)?"":e.unicodeRange.trim(),o=c(e.family,e.weight,e.style,e.unicodeRange),l=_.get(o)??0;_.set(o,l+1);const d=u.get(o)?.[l]??[],f=d.find(e=>m.has(e))??d[0]??"";return{family:t,weight:String(e.weight),style:String(e.style),display:e.display||"auto",unicodeRange:s,status:e.status,used:!1,bytes:"loaded"===e.status&&m.has(f)?m.get(f):0,url:f,_key:o,_redeclared:!1,_weightRange:a(e.weight),_ranges:s?r(s):null}}),M=(e,t)=>t>=e._weightRange[0]&&t<=e._weightRange[1]?0:Math.min(Math.abs(t-e._weightRange[0]),Math.abs(t-e._weightRange[1]));for(const e of w.values())for(const t of e.families){const s=C.filter(e=>e.family.toLowerCase()===t);if(0===s.length)continue;const n=s.filter(t=>l(t.style)===l(e.style)),o=(n.length?n:s).filter(t=>{return n=e.codepoints,!(s=t)._ranges||[...n].some(e=>((e,t)=>e.some(([e,s])=>t>=e&&t<=s))(s._ranges,e));var s,n});if(0===o.length)continue;const a=Math.min(...o.map(t=>M(t,e.weight)));o.filter(t=>M(t,e.weight)===a).forEach(e=>e.used=!0)}const F=new Map;C.forEach(e=>F.set(e._key,[...F.get(e._key)??[],e]));for(const e of F.values()){if(e.length<2)continue;const t=e.findLast(e=>"loaded"===e.status);t&&e.filter(e=>e!==t).forEach(e=>{e.used=!1,e._redeclared=!0})}const L=e=>e.length>60?`${e.slice(0,57)}...`:e,E=e=>`${e.family} ${e.weight} ${e.style}${e.unicodeRange?` (${L(e.unicodeRange)})`:""}`,T=C.filter(e=>"loaded"===e.status),A=T.filter(e=>!e.used),N=C.filter(e=>"unloaded"===e.status),P=C.filter(e=>"error"===e.status),k=N.filter(e=>e._redeclared),x=N.filter(e=>e.unicodeRange&&!e._redeclared),I=N.filter(e=>!e.unicodeRange&&!e._redeclared),V=C.filter(e=>!("loaded"!==e.status&&"loading"!==e.status||"auto"!==e.display&&"block"!==e.display)),O=new Set(T.filter(e=>e.used&&e.url).map(e=>e.url)),U=e=>e.url&&O.has(e.url)?0:e.bytes,W=[...new Map(A.map(e=>[e.url||E(e),U(e)])).values()].reduce((e,t)=>e+t,0),z=new Map;for(const e of C.filter(e=>e.unicodeRange)){const t=z.get(e.family)??{family:e.family,subsets:0,loadedSubsets:0};t.subsets++,"loaded"===e.status&&t.loadedSubsets++,z.set(e.family,t)}const B=[...z.values()].filter(e=>e.subsets>1).slice(0,20),D={};C.forEach(e=>D[e.display]=(D[e.display]??0)+1);const j=e=>[...new Set(e.map(E))],K=e=>{const t=j(e),s=t.slice(0,8).join(", ");return t.length>8?`${s} and ${t.length-8} more`:s},q=[...P.map(e=>({severity:"error",message:`Font failed to load: ${E(e)}`})),...[...new Map(A.map(e=>[`${E(e)}|${e.url}`,e])).values()].map(e=>{const t=U(e)?`, ${o(U(e))} downloaded for nothing`:"";return{severity:"warning",message:e._redeclared?`Loaded but declared again later with the same descriptors, so the page renders with the other file: ${E(e)}${e.url?` from ${e.url}`:""}${t}`:`Loaded but not used by any rendered element: ${E(e)}${t}`}})];V.length>0&&q.push({severity:"warning",message:`font-display is auto or block on ${j(V).length} face(s), so text can stay invisible while they load. Use swap or optional: ${K(V)}`}),y>t&&q.push({severity:"warning",message:`Web fonts weigh ${o(y)} in total (over ${o(t)}). Subset, use WOFF2 or drop unused weights`}),I.length>0&&q.push({severity:"info",message:`Declared but never loaded (${j(I).length}); nothing on this page needed them: ${K(I)}`}),k.length>0&&q.push({severity:"info",message:`Declared more than once with the same descriptors; the page uses a later declaration, so these never loaded (${j(k).length}): ${K(k)}`}),x.length>0&&q.push({severity:"info",message:`unicode-range subsets this page did not need (${j(x).length}), which is the intended behavior of a split font: ${K(x)}`}),p||q.push({severity:"info",message:"Some font files are cross-origin without Timing-Allow-Origin, so their size reads as 0 and the byte totals are a lower bound"}),d>0&&q.push({severity:"info",message:`${d} cross-origin stylesheet(s) could not be read, so their font files cannot be matched to faces`}),R<v.length&&q.push({severity:"info",message:"Only the first 20000 elements were scanned for text; some faces may be reported as unused"});const H=["loaded","loading","error"],X=new Map;C.filter(e=>"unloaded"!==e.status).forEach(e=>{const t=`${e._key}|${e.url}`;X.set(t,[...X.get(t)??[],e])});const Y=e=>e.used?"":"error"===e.status?"failed to load":"loaded"===e.status?e._redeclared?"declared again later":"loaded but not used":"",G=[...X.values()].map(e=>{const t=e.find(e=>e.used)??[...e].sort((e,t)=>H.indexOf(e.status)-H.indexOf(t.status))[0];return{...t,declarations:e.length,note:Y(t)}}),J=G.filter(e=>"loaded"===e.status),Q=j([...I,...x]);q.forEach(e=>{});const Z=e=>"error"===e.status?0:"loaded"!==e.status||e.used?"loaded"===e.status?2:3:1,ee=G.map((e,t)=>({f:e,index:t})).sort((e,t)=>Z(e.f)-Z(t.f)||e.index-t.index).slice(0,50).map(({f:e})=>({family:e.family,weight:e.weight,style:e.style,display:e.display,unicodeRange:L(e.unicodeRange),status:e.status,used:e.used,declarations:e.declarations,bytes:e.bytes,note:e.note,url:e.url}));return{script:e,status:"ok",count:G.length,corsLimitedAnalysis:!p,details:{declarationCount:C.length,loadedCount:J.length,usedCount:J.filter(e=>e.used).length,loadedUnusedCount:J.filter(e=>!e.used).length,loadedUnusedBytes:W,neverLoadedCount:Q.length,neverLoaded:Q.slice(0,50),errorCount:G.filter(e=>"error"===e.status).length,fontFileCount:m.size,totalFontBytes:y,bytesReadable:p,fontDisplay:D,unicodeRangeFamilies:B,unreadableStylesheets:d,elementsScanned:R},items:ee,issues:q}})();
\ No newline at end of file
+// snippets/Loading/Webfont-Usage-Analyzer.js | sha256:47176322809a830c | https://github.com/nucliweb/webperf-snippets/blob/main/snippets/Loading/Webfont-Usage-Analyzer.js
+(()=>{const e="Webfont-Usage-Analyzer",t=307200,s=/\.(woff2?|ttf|otf|eot)(\?|#|$)/i;if("undefined"==typeof FontFace||!document.fonts)return{script:e,status:"unsupported",message:"The CSS Font Loading API (document.fonts) is not available in this browser"};const n=e=>String(e).replace(/["']/g,"").trim(),o=e=>`${(e/1024).toFixed(1)} KB`;function a(e){const t=String(e).trim().toLowerCase();if("normal"===t)return[400,400];if("bold"===t)return[700,700];const s=t.split(/\s+/).map(Number).filter(e=>!Number.isNaN(e));return 0===s.length?[400,400]:[Math.min(...s),Math.max(...s)]}function r(e){const t=[];for(const s of String(e).split(",")){const e=s.trim().match(/^U\+([0-9a-f?]+)(?:-([0-9a-f]+))?$/i);if(e)if(e[1].includes("?"))t.push([parseInt(e[1].replace(/\?/g,"0"),16),parseInt(e[1].replace(/\?/g,"f"),16)]);else{const s=parseInt(e[1],16);t.push([s,e[2]?parseInt(e[2],16):s])}}return t}const i=e=>!e||/^U\+0-10FFFF$/i.test(e.trim()),l=e=>"normal"===String(e).trim().toLowerCase()?"normal":"slanted";let d=0;const u=new Map,c=(e,t,s,o)=>[n(e).toLowerCase(),String(t).trim()||"normal",String(s).trim()||"normal",i(o)?"":r(o).map(e=>e.join("-")).join(",")].join("|");function f(e,t,s){if(!(s>6))for(const n of e)if(n instanceof window.CSSFontFaceRule){const e=n.style,s=[...e.getPropertyValue("src").matchAll(/url\(\s*(["']?)(.*?)\1\s*\)/g)].map(e=>{try{return new URL(e[2],t).href}catch{return null}}).filter(e=>e&&!e.startsWith("data:")),o=c(e.getPropertyValue("font-family"),e.getPropertyValue("font-weight"),e.getPropertyValue("font-style"),e.getPropertyValue("unicode-range"));u.set(o,[...u.get(o)??[],s])}else n.styleSheet?g(n.styleSheet,s+1):n.cssRules&&f(n.cssRules,t,s+1)}function g(e,t){try{f(e.cssRules,e.href||location.href,t)}catch{d++}}Array.from(document.styleSheets).forEach(e=>g(e,0));const h=new Set([...u.values()].flat(2)),m=new Map;for(const e of performance.getEntriesByType("resource").filter(e=>!e.name.endsWith("#webperf-snippets")))(s.test(e.name)||h.has(e.name))&&m.set(e.name,Math.max(m.get(e.name)??0,e.encodedBodySize||0));const y=[...m.values()].reduce((e,t)=>e+t,0),p=[...m.values()].every(e=>e>0),w=new Map,b=new Set(["SCRIPT","STYLE","NOSCRIPT","TEMPLATE","HEAD","TITLE","META","LINK"]);function $(e,t,s){const o=s.replace(/\s+/g,"");if(!o)return;const a=`${t.fontFamily}|${t.fontWeight}|${t.fontStyle}`;let r=w.get(a);r||(r={families:[...t.fontFamily.matchAll(/"([^"]+)"|'([^']+)'|([^,]+)/g)].map(e=>n(e[1]??e[2]??e[3]).toLowerCase()),weight:Number(t.fontWeight)||400,style:t.fontStyle,codepoints:new Set},w.set(a,r));for(const e of o){if(r.codepoints.size>=2e4)break;r.codepoints.add(e.codePointAt(0))}}const S=e=>e&&"none"!==e&&"normal"!==e?e.replace(/^["']|["']$/g,"").replace(/\\([0-9a-f]{1,6})\s?/gi,(e,t)=>String.fromCodePoint(parseInt(t,16))).replace(/\\(.)/g,"$1"):"",v=[document.body,...document.body.querySelectorAll("*")],R=Math.min(v.length,2e4);for(let e=0;e<R;e++){const t=v[e];if(b.has(t.tagName)||t.checkVisibility&&!t.checkVisibility())continue;const s=getComputedStyle(t);let n="";for(const e of t.childNodes)e.nodeType===Node.TEXT_NODE&&(n+=e.nodeValue);$(0,s,n);for(const e of["::before","::after"]){const s=getComputedStyle(t,e);$(0,s,S(s.content))}}const _=new Map,C=Array.from(document.fonts).map(e=>{const t=n(e.family),s=i(e.unicodeRange)?"":e.unicodeRange.trim(),o=c(e.family,e.weight,e.style,e.unicodeRange),l=_.get(o)??0;_.set(o,l+1);const d=u.get(o)?.[l]??[],f=d.find(e=>m.has(e))??d[0]??"";return{family:t,weight:String(e.weight),style:String(e.style),display:e.display||"auto",unicodeRange:s,status:e.status,used:!1,bytes:"loaded"===e.status&&m.has(f)?m.get(f):0,url:f,_key:o,_redeclared:!1,_weightRange:a(e.weight),_ranges:s?r(s):null}}),M=(e,t)=>t>=e._weightRange[0]&&t<=e._weightRange[1]?0:Math.min(Math.abs(t-e._weightRange[0]),Math.abs(t-e._weightRange[1]));for(const e of w.values())for(const t of e.families){const s=C.filter(e=>e.family.toLowerCase()===t);if(0===s.length)continue;const n=s.filter(t=>l(t.style)===l(e.style)),o=(n.length?n:s).filter(t=>{return n=e.codepoints,!(s=t)._ranges||[...n].some(e=>((e,t)=>e.some(([e,s])=>t>=e&&t<=s))(s._ranges,e));var s,n});if(0===o.length)continue;const a=Math.min(...o.map(t=>M(t,e.weight)));o.filter(t=>M(t,e.weight)===a).forEach(e=>e.used=!0)}const F=new Map;C.forEach(e=>F.set(e._key,[...F.get(e._key)??[],e]));for(const e of F.values()){if(e.length<2)continue;const t=e.findLast(e=>"loaded"===e.status);t&&e.filter(e=>e!==t).forEach(e=>{e.used=!1,e._redeclared=!0})}const L=e=>e.length>60?`${e.slice(0,57)}...`:e,E=e=>`${e.family} ${e.weight} ${e.style}${e.unicodeRange?` (${L(e.unicodeRange)})`:""}`,T=C.filter(e=>"loaded"===e.status),A=T.filter(e=>!e.used),k=C.filter(e=>"unloaded"===e.status),N=C.filter(e=>"error"===e.status),P=k.filter(e=>e._redeclared),x=k.filter(e=>e.unicodeRange&&!e._redeclared),I=k.filter(e=>!e.unicodeRange&&!e._redeclared),V=C.filter(e=>!("loaded"!==e.status&&"loading"!==e.status||"auto"!==e.display&&"block"!==e.display)),O=new Set(T.filter(e=>e.used&&e.url).map(e=>e.url)),U=e=>e.url&&O.has(e.url)?0:e.bytes,W=[...new Map(A.map(e=>[e.url||E(e),U(e)])).values()].reduce((e,t)=>e+t,0),z=new Map;for(const e of C.filter(e=>e.unicodeRange)){const t=z.get(e.family)??{family:e.family,subsets:0,loadedSubsets:0};t.subsets++,"loaded"===e.status&&t.loadedSubsets++,z.set(e.family,t)}const B=[...z.values()].filter(e=>e.subsets>1).slice(0,20),D={};C.forEach(e=>D[e.display]=(D[e.display]??0)+1);const j=e=>[...new Set(e.map(E))],K=e=>{const t=j(e),s=t.slice(0,8).join(", ");return t.length>8?`${s} and ${t.length-8} more`:s},q=[...N.map(e=>({code:"load-failed",severity:"error",message:`Font failed to load: ${E(e)}`,target:e.url||E(e)})),...[...new Map(A.map(e=>[`${E(e)}|${e.url}`,e])).values()].map(e=>{const t=U(e)?`, ${o(U(e))} downloaded for nothing`:"",s=e.url||E(e);return e._redeclared?{code:"redeclared",severity:"warning",message:`Loaded but declared again later with the same descriptors, so the page renders with the other file: ${E(e)}${e.url?` from ${e.url}`:""}${t}`,target:s}:{code:"loaded-unused",severity:"warning",message:`Loaded but not used by any rendered element: ${E(e)}${t}`,target:s}})];V.length>0&&q.push({code:"blocking-font-display",severity:"warning",message:`font-display is auto or block on ${j(V).length} face(s), so text can stay invisible while they load. Use swap or optional: ${K(V)}`}),y>t&&q.push({code:"heavy-fonts",severity:"warning",message:`Web fonts weigh ${o(y)} in total (over ${o(t)}). Subset, use WOFF2 or drop unused weights`}),I.length>0&&q.push({code:"never-loaded",severity:"info",message:`Declared but never loaded (${j(I).length}); nothing on this page needed them: ${K(I)}`}),P.length>0&&q.push({code:"shadowed",severity:"info",message:`Declared more than once with the same descriptors; the page uses a later declaration, so these never loaded (${j(P).length}): ${K(P)}`}),x.length>0&&q.push({code:"unused-subsets",severity:"info",message:`unicode-range subsets this page did not need (${j(x).length}), which is the intended behavior of a split font: ${K(x)}`}),p||q.push({code:"size-unknown",severity:"info",message:"Some font files are cross-origin without Timing-Allow-Origin, so their size reads as 0 and the byte totals are a lower bound"}),d>0&&q.push({code:"unreadable-stylesheets",severity:"info",message:`${d} cross-origin stylesheet(s) could not be read, so their font files cannot be matched to faces`}),R<v.length&&q.push({code:"elements-capped",severity:"info",message:"Only the first 20000 elements were scanned for text; some faces may be reported as unused"});const H=["loaded","loading","error"],X=new Map;C.filter(e=>"unloaded"!==e.status).forEach(e=>{const t=`${e._key}|${e.url}`;X.set(t,[...X.get(t)??[],e])});const Y=e=>e.used?"":"error"===e.status?"failed to load":"loaded"===e.status?e._redeclared?"declared again later":"loaded but not used":"",G=[...X.values()].map(e=>{const t=e.find(e=>e.used)??[...e].sort((e,t)=>H.indexOf(e.status)-H.indexOf(t.status))[0];return{...t,declarations:e.length,note:Y(t)}}),J=G.filter(e=>"loaded"===e.status),Q=j([...I,...x]);q.forEach(e=>{});const Z=e=>"error"===e.status?0:"loaded"!==e.status||e.used?"loaded"===e.status?2:3:1,ee=G.map((e,t)=>({f:e,index:t})).sort((e,t)=>Z(e.f)-Z(t.f)||e.index-t.index).slice(0,50).map(({f:e})=>({family:e.family,weight:e.weight,style:e.style,display:e.display,unicodeRange:L(e.unicodeRange),status:e.status,used:e.used,declarations:e.declarations,bytes:e.bytes,note:e.note,url:e.url}));return{script:e,status:"ok",count:G.length,corsLimitedAnalysis:!p,details:{declarationCount:C.length,loadedCount:J.length,usedCount:J.filter(e=>e.used).length,loadedUnusedCount:J.filter(e=>!e.used).length,loadedUnusedBytes:W,neverLoadedCount:Q.length,neverLoaded:Q.slice(0,50),errorCount:G.filter(e=>"error"===e.status).length,fontFileCount:m.size,totalFontBytes:y,bytesReadable:p,fontDisplay:D,unicodeRangeFamilies:B,unreadableStylesheets:d,elementsScanned:R},items:ee,issues:q}})();
\ No newline at end of file
diff --git a/.claude/skills/webperf-media/references/schema.md b/.claude/skills/webperf-media/references/schema.md
index 975142c7..f53498ff 100644
--- a/.claude/skills/webperf-media/references/schema.md
+++ b/.claude/skills/webperf-media/references/schema.md
@@ -1232,6 +1232,94 @@ An issue about one thing among several, one issue per thing, also names it in `t
 | `could-defer` | info | Blocking scripts other than the last three of `<body>`, which could try `defer` |
 | `unknown-size` | info | Scripts whose size is hidden by a missing `Timing-Allow-Origin`, so the total is a lower bound |
 
+### CSS-Media-Queries-Analysis
+
+| Code | Severity | When |
+|------|----------|------|
+| `no-wide-rules` | info | No `@media` rules for viewports wider than the breakpoint (768 px by default) |
+| `wide-rules` | info or warning | `@media` rules for wider viewports that narrower screens download without using, a warning above 50 KB |
+| `repeated-queries` | info | Few distinct queries repeated across many `@media` blocks |
+| `unreadable-stylesheets` | info | Cross-origin stylesheets whose rules cannot be read |
+
+### Content-Visibility
+
+| Code | Severity | When |
+|------|----------|------|
+| `missing-intrinsic-size` | warning | An element with `content-visibility: auto` and no `contain-intrinsic-size`; `target` is its selector |
+| `not-used` | info | No `content-visibility` on the page |
+
+### Critical-CSS-Detection
+
+| Code | Severity | When |
+|------|----------|------|
+| `no-inline-critical-css` | error | Render-blocking stylesheets and no inline critical CSS |
+| `render-blocking-over-budget` | error | Render-blocking CSS above the 14 KB critical budget |
+| `large-not-preloaded` | warning | Render-blocking stylesheets above 10 KB without preload |
+| `inline-over-budget` | error | Inline CSS above the 14 KB critical budget |
+| `styles-in-body` | warning | Inline style blocks in `<body>` |
+
+### Find-Above-The-Fold-Lazy-Loaded-Images
+
+| Code | Severity | When |
+|------|----------|------|
+| `lcp-lazy` | error | The LCP candidate image has `loading="lazy"` |
+| `lazy-above-fold` | warning | Other images above the fold with `loading="lazy"` |
+
+### Find-Images-With-Lazy-and-Fetchpriority
+
+| Code | Severity | When |
+|------|----------|------|
+| `lazy-and-high-priority` | error | Elements with both `loading="lazy"` and `fetchpriority="high"` |
+
+### Find-non-Lazy-Loaded-Images-outside-of-the-viewport
+
+| Code | Severity | When |
+|------|----------|------|
+| `eager-off-viewport` | warning | Images outside the viewport without `loading="lazy"` |
+
+### Find-render-blocking-resources
+
+| Code | Severity | When |
+|------|----------|------|
+| `render-blocking` | error | Resources that block rendering |
+
+### Fonts-Preloaded-Loaded-and-used-above-the-fold
+
+Each issue names its font in `target`.
+
+| Code | Severity | When |
+|------|----------|------|
+| `preloaded-unused` | warning | A preloaded font that the content above the fold does not use |
+| `used-not-preloaded` | warning | A font used above the fold without preload |
+| `preload-no-crossorigin` | error | A font preload without `crossorigin`, which fetches the font twice |
+
+### Inline-CSS-Info-and-Size
+
+| Code | Severity | When |
+|------|----------|------|
+| `over-budget` | warning | Inline CSS above the 14 KB critical budget |
+| `duplicate-blocks` | warning | Style blocks with identical content |
+| `large-blocks` | warning | Style blocks above 5 KB |
+| `styles-in-body` | warning | Style blocks in `<body>` |
+
+### Webfont-Usage-Analyzer
+
+`load-failed`, `loaded-unused` and `redeclared` name the font file by its URL in `target`, or the face when it has none.
+
+| Code | Severity | When |
+|------|----------|------|
+| `load-failed` | error | A font that failed to load |
+| `loaded-unused` | warning | A loaded font that no rendered element uses |
+| `redeclared` | warning | A loaded font declared again later with the same descriptors, so the page uses the other file |
+| `blocking-font-display` | warning | Faces with `font-display` `auto` or `block`, which can keep text invisible |
+| `heavy-fonts` | warning | Web fonts above 300 KB in total |
+| `never-loaded` | info | Faces declared and never loaded |
+| `shadowed` | info | Faces declared more than once, whose earlier declarations never loaded |
+| `unused-subsets` | info | `unicode-range` subsets the page did not need |
+| `size-unknown` | info | Cross-origin font files without `Timing-Allow-Origin`, so the byte totals are a lower bound |
+| `unreadable-stylesheets` | info | Cross-origin stylesheets whose font files cannot be matched to faces |
+| `elements-capped` | info | Only the first 20,000 elements were scanned for text |
+
 ### First-And-Third-Party-Script-Info
 
 | Code | Severity | When |
diff --git a/.claude/skills/webperf-resources/references/schema.md b/.claude/skills/webperf-resources/references/schema.md
index 975142c7..f53498ff 100644
--- a/.claude/skills/webperf-resources/references/schema.md
+++ b/.claude/skills/webperf-resources/references/schema.md
@@ -1232,6 +1232,94 @@ An issue about one thing among several, one issue per thing, also names it in `t
 | `could-defer` | info | Blocking scripts other than the last three of `<body>`, which could try `defer` |
 | `unknown-size` | info | Scripts whose size is hidden by a missing `Timing-Allow-Origin`, so the total is a lower bound |
 
+### CSS-Media-Queries-Analysis
+
+| Code | Severity | When |
+|------|----------|------|
+| `no-wide-rules` | info | No `@media` rules for viewports wider than the breakpoint (768 px by default) |
+| `wide-rules` | info or warning | `@media` rules for wider viewports that narrower screens download without using, a warning above 50 KB |
+| `repeated-queries` | info | Few distinct queries repeated across many `@media` blocks |
+| `unreadable-stylesheets` | info | Cross-origin stylesheets whose rules cannot be read |
+
+### Content-Visibility
+
+| Code | Severity | When |
+|------|----------|------|
+| `missing-intrinsic-size` | warning | An element with `content-visibility: auto` and no `contain-intrinsic-size`; `target` is its selector |
+| `not-used` | info | No `content-visibility` on the page |
+
+### Critical-CSS-Detection
+
+| Code | Severity | When |
+|------|----------|------|
+| `no-inline-critical-css` | error | Render-blocking stylesheets and no inline critical CSS |
+| `render-blocking-over-budget` | error | Render-blocking CSS above the 14 KB critical budget |
+| `large-not-preloaded` | warning | Render-blocking stylesheets above 10 KB without preload |
+| `inline-over-budget` | error | Inline CSS above the 14 KB critical budget |
+| `styles-in-body` | warning | Inline style blocks in `<body>` |
+
+### Find-Above-The-Fold-Lazy-Loaded-Images
+
+| Code | Severity | When |
+|------|----------|------|
+| `lcp-lazy` | error | The LCP candidate image has `loading="lazy"` |
+| `lazy-above-fold` | warning | Other images above the fold with `loading="lazy"` |
+
+### Find-Images-With-Lazy-and-Fetchpriority
+
+| Code | Severity | When |
+|------|----------|------|
+| `lazy-and-high-priority` | error | Elements with both `loading="lazy"` and `fetchpriority="high"` |
+
+### Find-non-Lazy-Loaded-Images-outside-of-the-viewport
+
+| Code | Severity | When |
+|------|----------|------|
+| `eager-off-viewport` | warning | Images outside the viewport without `loading="lazy"` |
+
+### Find-render-blocking-resources
+
+| Code | Severity | When |
+|------|----------|------|
+| `render-blocking` | error | Resources that block rendering |
+
+### Fonts-Preloaded-Loaded-and-used-above-the-fold
+
+Each issue names its font in `target`.
+
+| Code | Severity | When |
+|------|----------|------|
+| `preloaded-unused` | warning | A preloaded font that the content above the fold does not use |
+| `used-not-preloaded` | warning | A font used above the fold without preload |
+| `preload-no-crossorigin` | error | A font preload without `crossorigin`, which fetches the font twice |
+
+### Inline-CSS-Info-and-Size
+
+| Code | Severity | When |
+|------|----------|------|
+| `over-budget` | warning | Inline CSS above the 14 KB critical budget |
+| `duplicate-blocks` | warning | Style blocks with identical content |
+| `large-blocks` | warning | Style blocks above 5 KB |
+| `styles-in-body` | warning | Style blocks in `<body>` |
+
+### Webfont-Usage-Analyzer
+
+`load-failed`, `loaded-unused` and `redeclared` name the font file by its URL in `target`, or the face when it has none.
+
+| Code | Severity | When |
+|------|----------|------|
+| `load-failed` | error | A font that failed to load |
+| `loaded-unused` | warning | A loaded font that no rendered element uses |
+| `redeclared` | warning | A loaded font declared again later with the same descriptors, so the page uses the other file |
+| `blocking-font-display` | warning | Faces with `font-display` `auto` or `block`, which can keep text invisible |
+| `heavy-fonts` | warning | Web fonts above 300 KB in total |
+| `never-loaded` | info | Faces declared and never loaded |
+| `shadowed` | info | Faces declared more than once, whose earlier declarations never loaded |
+| `unused-subsets` | info | `unicode-range` subsets the page did not need |
+| `size-unknown` | info | Cross-origin font files without `Timing-Allow-Origin`, so the byte totals are a lower bound |
+| `unreadable-stylesheets` | info | Cross-origin stylesheets whose font files cannot be matched to faces |
+| `elements-capped` | info | Only the first 20,000 elements were scanned for text |
+
 ### First-And-Third-Party-Script-Info
 
 | Code | Severity | When |
diff --git a/CHANGELOG.md b/CHANGELOG.md
index 8a5f1f2d..7ebfbad4 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -9,7 +9,7 @@ Format based on [Keep a Changelog](https://keepachangelog.com/en/1.1.0/).
 ## [Unreleased]
 
 ### Added
-- Issues carry a `code`, kebab-case and stable across runs and versions, so a comparison pairs the issues of two runs without reading their message, and a `target` with the URL, selector or name of what the issue is about when there is one issue per thing, such as an image or a CSS property. `snippets/SCHEMA.md` lists the codes of each snippet under Issue codes, and `cli/tests/unit/issue-codes.test.js` fails when the source and the table differ. The snippets of Core Web Vitals, Interaction and Media, and the snippets of Loading about scripts, the network, hints and caching, carry their codes; the snippets of Loading about CSS, fonts and images follow.
+- Issues carry a `code`, kebab-case and stable across runs and versions, so a comparison pairs the issues of two runs without reading their message, and a `target` with the URL, selector or name of what the issue is about when there is one issue per thing, such as an image or a CSS property. `snippets/SCHEMA.md` lists the codes of each snippet under Issue codes, and `cli/tests/unit/issue-codes.test.js` fails when the source and the table differ. Every snippet that returns issues carries its codes, and the contract fails on an issue without one.
 - `npm run eval:mcp`: the same question about a local page with a known answer, asked to an agent with the webperf MCP server, with Chrome DevTools MCP and the webperf skills, and with Chrome DevTools MCP alone, graded on the diagnosis and measured in tokens, turns and time. It runs by hand, not in CI.
 - The CLI reaches version 1.4.0 (see [`cli/CHANGELOG.md`](cli/CHANGELOG.md)): `--baseline` compares a page, or a matrix combination by combination, with the `--json` output of an earlier run, with a threshold per metric, the new and fixed errors, warnings when the conditions differ, and `--fail-on-regression` to exit with `1` on a regression. The JSON output carries the conditions of each measurement in `conditions`.
 - The CLI reaches version 1.3.0 (see [`cli/CHANGELOG.md`](cli/CHANGELOG.md)): `--runs` measures a page several times and reports the median run, and `--matrix` measures several pages on several devices and in several variants, such as with and without the consent cookie, from one JSON file, with a table of the medians.
diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
index ae652a92..a6dc8ceb 100644
--- a/CONTRIBUTING.md
+++ b/CONTRIBUTING.md
@@ -65,6 +65,8 @@ The full contract is in [`snippets/SCHEMA.md`](snippets/SCHEMA.md), which is als
 - Chrome only exposes `largest-contentful-paint`, `layout-shift`, `longtask`, `event` and `first-input` entries through a `PerformanceObserver`. `performance.getEntriesByType()` returns `[]` for them, and ESLint rejects it. Use a buffered observer.
 - Never wrap the IIFE in `void`, which discards the return value.
 
+Every issue a snippet returns has a `code`: kebab-case, unique within the snippet and written as a literal (`code: "blocking-in-head"`), so a comparison of two runs pairs the issues without reading their message. An issue about one thing among several, such as an image or a CSS property, names it in `target`. A situation whose severity depends on a threshold keeps one code. The contract fails on an issue without a code, and `cli/tests/unit/issue-codes.test.js` fails when the codes in the source differ from the table of the snippet under Issue codes in `snippets/SCHEMA.md`. A published code never changes.
+
 A snippet runs pasted into the console, so it cannot import a helper. The helpers several snippets share (`getRootDomain`, `isFirstParty`, `logOwnDomainsHint`, `formatBytes`) live in [`snippets/_shared/helpers.js`](snippets/_shared/helpers.js). Copy the block between the `// @shared <name>` and `// @end-shared <name>` markers into the snippet, markers included. `npm run check:consistency` fails when a copy differs from the canonical block, or when a snippet defines one of these helpers without the markers. A snippet that carries `isFirstParty` also declares `const OWN_DOMAINS = [];` at the top, which the helper reads, and calls `logOwnDomainsHint(thirdPartyCount)` once at the end of its console output.
 
 ### 3. Create the MDX documentation page
@@ -132,7 +134,7 @@ Preserve the existing order and group related snippets together.
 
 People, agents and the CLI read the same sources to know what a snippet returns and what comes after it:
 
-- `snippets/SCHEMA.md`: add a `#### My-New-Snippet` entry under its category, with an example of the object it returns. It is the contract the agents read, copied into every skill.
+- `snippets/SCHEMA.md`: add a `#### My-New-Snippet` entry under its category, with an example of the object it returns, and, when it returns issues, a `### My-New-Snippet` table of its codes under Issue codes. It is the contract the agents read, copied into every skill.
 - `snippets/<Category>/WORKFLOWS.md`: add an `### After My-New-Snippet.js` section to the decision tree, and the snippet to the workflows where it belongs (see [Improving workflows and decision trees](#improving-workflows-and-decision-trees)).
 - `content/which-snippet.mdx`: add a row for the symptom the snippet answers.
 
@@ -340,7 +342,7 @@ See `snippets/Loading/WORKFLOWS.md` for a complete reference. The skills read th
 - [ ] Snippet file added under `snippets/<Category>/`, returning an object that follows `snippets/SCHEMA.md`
 - [ ] MDX documentation page created under `content/<Category>/`, with `browserSupport` and a `### Browser support` section
 - [ ] Entry added to `content/<Category>/_meta.js`
-- [ ] Entry in `snippets/SCHEMA.md`, an `After My-New-Snippet.js` section in `WORKFLOWS.md` and a row in `content/which-snippet.mdx`
+- [ ] Entry in `snippets/SCHEMA.md`, with the table of its issue codes, an `After My-New-Snippet.js` section in `WORKFLOWS.md` and a row in `content/which-snippet.mdx`
 - [ ] If the CLI cannot run it: the snippet is in `EXCLUDED` of `lib/snippet-prompt.mjs`
 - [ ] `npm run generate-skills` and `node scripts/generate-llms.js` run, `npm run test:skills` passes, and the output is committed
 - [ ] `npm run lint` and `npm run test:e2e --prefix cli` pass
diff --git a/cli/tests/e2e/snippet-contract.test.js b/cli/tests/e2e/snippet-contract.test.js
index b5adb657..994f2688 100644
--- a/cli/tests/e2e/snippet-contract.test.js
+++ b/cli/tests/e2e/snippet-contract.test.js
@@ -1,7 +1,6 @@
 import { describe, it, expect, beforeAll, afterAll } from "vitest";
 import { listSnippets, launch, startContractServers, observeSnippet, exposedGetters } from "../helpers/contract.js";
 import { loadSnippet } from "../../src/load-snippet.js";
-import { PENDING_ISSUE_CODES } from "../helpers/issue-codes.js";
 
 // Contract every snippet must keep (see snippets/SCHEMA.md): the value it returns, the value
 // its getDataFn returns when it tracks, and the value of every other getter it exposes on
@@ -10,8 +9,7 @@ import { PENDING_ISSUE_CODES } from "../helpers/issue-codes.js";
 // no spaced em-dash in any returned text, and issues with a kebab-case code and a string target.
 //
 // KNOWN_VIOLATIONS lists what is still broken, per snippet. It can only shrink: a listed
-// violation that no longer happens fails the test, so the entry has to be removed. The snippets of
-// PENDING_ISSUE_CODES may still return issues without a code.
+// violation that no longer happens fails the test, so the entry has to be removed.
 const KNOWN_VIOLATIONS = {
   // analyzeContentVisibilityOpportunities() returns its own shape, without script and status
   "Loading/Content-Visibility": [
@@ -52,8 +50,7 @@ describe("snippet return contract", () => {
         for (const v of await observeSnippet(browser, servers.base, name, pageName)) found.add(v);
       }
       const known = new Set(KNOWN_VIOLATIONS[name] ?? []);
-      const pending = PENDING_ISSUE_CODES.includes(name);
-      const unexpected = [...found].filter((v) => !known.has(v) && !(pending && v.endsWith("issue-without-code")));
+      const unexpected = [...found].filter((v) => !known.has(v));
       const fixed = [...known].filter((v) => !found.has(v));
       expect({ unexpected, fixed }).toEqual({ unexpected: [], fixed: [] });
     },
diff --git a/cli/tests/e2e/webfont-usage.test.js b/cli/tests/e2e/webfont-usage.test.js
index 3fda693c..6d767af4 100644
--- a/cli/tests/e2e/webfont-usage.test.js
+++ b/cli/tests/e2e/webfont-usage.test.js
@@ -124,8 +124,8 @@ describe("Webfont-Usage-Analyzer", () => {
     const r = await run("/");
     expect(r.issues).toEqual(
       expect.arrayContaining([
-        expect.objectContaining({ severity: "warning", message: expect.stringContaining("Loaded Only") }),
-        expect.objectContaining({ severity: "warning", message: expect.stringContaining("Auto Display") }),
+        expect.objectContaining({ code: "loaded-unused", severity: "warning", message: expect.stringContaining("Loaded Only"), target: expect.any(String) }),
+        expect.objectContaining({ code: "blocking-font-display", severity: "warning", message: expect.stringContaining("Auto Display") }),
       ])
     );
     expect(face(r, "Auto Display").display).toBe("auto");
@@ -185,6 +185,7 @@ describe("Webfont-Usage-Analyzer", () => {
     expect(r.details.loadedUnusedBytes).toBe(first.bytes);
     const warnings = r.issues.filter((i) => i.severity === "warning" && /declared again.*Twice/.test(i.message));
     expect(warnings).toHaveLength(1);
+    expect(warnings[0]).toEqual(expect.objectContaining({ code: "redeclared", target: expect.stringMatching(/^http/) }));
   }, 60000);
 
   it("tells a shadowed declaration apart from a face nothing needs", async () => {
@@ -192,7 +193,7 @@ describe("Webfont-Usage-Analyzer", () => {
     const neverNeeded = r.issues.find((i) => /nothing on this page needed them/.test(i.message));
     expect(neverNeeded?.message ?? "").not.toMatch(/Shadowed/);
     const shadowed = r.issues.find((i) => /more than once/.test(i.message));
-    expect(shadowed).toEqual(expect.objectContaining({ severity: "info", message: expect.stringMatching(/Shadowed/) }));
+    expect(shadowed).toEqual(expect.objectContaining({ code: "shadowed", severity: "info", message: expect.stringMatching(/Shadowed/) }));
     // No declaration of "Unneeded" loaded, so it is a face nothing needs, listed once
     expect(shadowed.message).not.toMatch(/Unneeded/);
     expect(neverNeeded.message).toMatch(/\(1\); nothing on this page needed them: Unneeded normal normal$/);
diff --git a/cli/tests/helpers/issue-codes.js b/cli/tests/helpers/issue-codes.js
index 16539e79..289be63c 100644
--- a/cli/tests/helpers/issue-codes.js
+++ b/cli/tests/helpers/issue-codes.js
@@ -9,21 +9,6 @@ export const SCHEMA_PATH = join(ROOT, "snippets/SCHEMA.md");
 // The code of an issue: kebab-case, unique within its snippet (see "Issue codes" in snippets/SCHEMA.md)
 export const ISSUE_CODE = /^[a-z0-9]+(?:-[a-z0-9]+)*$/;
 
-// The snippets that emit issues without a code yet. It can only shrink: a snippet that gets its codes
-// leaves the list, and the contract and the catalog then hold it to them.
-export const PENDING_ISSUE_CODES = [
-  "Loading/CSS-Media-Queries-Analysis",
-  "Loading/Content-Visibility",
-  "Loading/Critical-CSS-Detection",
-  "Loading/Find-Above-The-Fold-Lazy-Loaded-Images",
-  "Loading/Find-Images-With-Lazy-and-Fetchpriority",
-  "Loading/Find-non-Lazy-Loaded-Images-outside-of-the-viewport",
-  "Loading/Find-render-blocking-resources",
-  "Loading/Fonts-Preloaded-Loaded-and-used-above-the-fold",
-  "Loading/Inline-CSS-Info-and-Size",
-  "Loading/Webfont-Usage-Analyzer",
-];
-
 // The codes a snippet emits, read from its source: the literals of `code: "..."`, or in single quotes,
 // in an object. A copy of a code already set (`code: issue.code`) is fine; `nonLiteral` counts the codes
 // built at run time, which the catalog cannot check.
diff --git a/cli/tests/unit/issue-codes.test.js b/cli/tests/unit/issue-codes.test.js
index 147cbf2a..a23e7ee8 100644
--- a/cli/tests/unit/issue-codes.test.js
+++ b/cli/tests/unit/issue-codes.test.js
@@ -1,7 +1,7 @@
 import { describe, it, expect } from "vitest";
 import { listSnippets } from "../helpers/contract.js";
 import { loadSnippet } from "../../src/load-snippet.js";
-import { ISSUE_CODE, PENDING_ISSUE_CODES, codesInSource, catalogOf, readCatalog } from "../helpers/issue-codes.js";
+import { ISSUE_CODE, codesInSource, catalogOf, readCatalog } from "../helpers/issue-codes.js";
 
 // The catalog of issue codes in snippets/SCHEMA.md and the codes in the source of each snippet say
 // the same: renaming a code means touching its documentation, and the review sees it.
@@ -71,11 +71,6 @@ describe("the catalog of issue codes", () => {
     // A snippet returns issues when it builds objects with a severity and says issues; LongTask rates its
     // tasks with a severity of their own and returns no issues
     const emitsIssues = /\bseverity:/.test(source) && /\bissues\b/.test(source);
-    if (PENDING_ISSUE_CODES.includes(name)) {
-      // Pending: no codes yet. Once it has them, it leaves PENDING_ISSUE_CODES
-      expect({ codes: [...codes], documented: documented ? [...documented] : null }).toEqual({ codes: [], documented: null });
-      return;
-    }
     expect(nonLiteral).toBe(0);
     expect([...codes].filter((code) => !ISSUE_CODE.test(code))).toEqual([]);
     if (!emitsIssues) {
diff --git a/dist/antigravity/webperf-core-web-vitals/references/schema.md b/dist/antigravity/webperf-core-web-vitals/references/schema.md
index 975142c7..f53498ff 100644
--- a/dist/antigravity/webperf-core-web-vitals/references/schema.md
+++ b/dist/antigravity/webperf-core-web-vitals/references/schema.md
@@ -1232,6 +1232,94 @@ An issue about one thing among several, one issue per thing, also names it in `t
 | `could-defer` | info | Blocking scripts other than the last three of `<body>`, which could try `defer` |
 | `unknown-size` | info | Scripts whose size is hidden by a missing `Timing-Allow-Origin`, so the total is a lower bound |
 
+### CSS-Media-Queries-Analysis
+
+| Code | Severity | When |
+|------|----------|------|
+| `no-wide-rules` | info | No `@media` rules for viewports wider than the breakpoint (768 px by default) |
+| `wide-rules` | info or warning | `@media` rules for wider viewports that narrower screens download without using, a warning above 50 KB |
+| `repeated-queries` | info | Few distinct queries repeated across many `@media` blocks |
+| `unreadable-stylesheets` | info | Cross-origin stylesheets whose rules cannot be read |
+
+### Content-Visibility
+
+| Code | Severity | When |
+|------|----------|------|
+| `missing-intrinsic-size` | warning | An element with `content-visibility: auto` and no `contain-intrinsic-size`; `target` is its selector |
+| `not-used` | info | No `content-visibility` on the page |
+
+### Critical-CSS-Detection
+
+| Code | Severity | When |
+|------|----------|------|
+| `no-inline-critical-css` | error | Render-blocking stylesheets and no inline critical CSS |
+| `render-blocking-over-budget` | error | Render-blocking CSS above the 14 KB critical budget |
+| `large-not-preloaded` | warning | Render-blocking stylesheets above 10 KB without preload |
+| `inline-over-budget` | error | Inline CSS above the 14 KB critical budget |
+| `styles-in-body` | warning | Inline style blocks in `<body>` |
+
+### Find-Above-The-Fold-Lazy-Loaded-Images
+
+| Code | Severity | When |
+|------|----------|------|
+| `lcp-lazy` | error | The LCP candidate image has `loading="lazy"` |
+| `lazy-above-fold` | warning | Other images above the fold with `loading="lazy"` |
+
+### Find-Images-With-Lazy-and-Fetchpriority
+
+| Code | Severity | When |
+|------|----------|------|
+| `lazy-and-high-priority` | error | Elements with both `loading="lazy"` and `fetchpriority="high"` |
+
+### Find-non-Lazy-Loaded-Images-outside-of-the-viewport
+
+| Code | Severity | When |
+|------|----------|------|
+| `eager-off-viewport` | warning | Images outside the viewport without `loading="lazy"` |
+
+### Find-render-blocking-resources
+
+| Code | Severity | When |
+|------|----------|------|
+| `render-blocking` | error | Resources that block rendering |
+
+### Fonts-Preloaded-Loaded-and-used-above-the-fold
+
+Each issue names its font in `target`.
+
+| Code | Severity | When |
+|------|----------|------|
+| `preloaded-unused` | warning | A preloaded font that the content above the fold does not use |
+| `used-not-preloaded` | warning | A font used above the fold without preload |
+| `preload-no-crossorigin` | error | A font preload without `crossorigin`, which fetches the font twice |
+
+### Inline-CSS-Info-and-Size
+
+| Code | Severity | When |
+|------|----------|------|
+| `over-budget` | warning | Inline CSS above the 14 KB critical budget |
+| `duplicate-blocks` | warning | Style blocks with identical content |
+| `large-blocks` | warning | Style blocks above 5 KB |
+| `styles-in-body` | warning | Style blocks in `<body>` |
+
+### Webfont-Usage-Analyzer
+
+`load-failed`, `loaded-unused` and `redeclared` name the font file by its URL in `target`, or the face when it has none.
+
+| Code | Severity | When |
+|------|----------|------|
+| `load-failed` | error | A font that failed to load |
+| `loaded-unused` | warning | A loaded font that no rendered element uses |
+| `redeclared` | warning | A loaded font declared again later with the same descriptors, so the page uses the other file |
+| `blocking-font-display` | warning | Faces with `font-display` `auto` or `block`, which can keep text invisible |
+| `heavy-fonts` | warning | Web fonts above 300 KB in total |
+| `never-loaded` | info | Faces declared and never loaded |
+| `shadowed` | info | Faces declared more than once, whose earlier declarations never loaded |
+| `unused-subsets` | info | `unicode-range` subsets the page did not need |
+| `size-unknown` | info | Cross-origin font files without `Timing-Allow-Origin`, so the byte totals are a lower bound |
+| `unreadable-stylesheets` | info | Cross-origin stylesheets whose font files cannot be matched to faces |
+| `elements-capped` | info | Only the first 20,000 elements were scanned for text |
+
 ### First-And-Third-Party-Script-Info
 
 | Code | Severity | When |
diff --git a/dist/antigravity/webperf-interaction/references/schema.md b/dist/antigravity/webperf-interaction/references/schema.md
index 975142c7..f53498ff 100644
--- a/dist/antigravity/webperf-interaction/references/schema.md
+++ b/dist/antigravity/webperf-interaction/references/schema.md
@@ -1232,6 +1232,94 @@ An issue about one thing among several, one issue per thing, also names it in `t
 | `could-defer` | info | Blocking scripts other than the last three of `<body>`, which could try `defer` |
 | `unknown-size` | info | Scripts whose size is hidden by a missing `Timing-Allow-Origin`, so the total is a lower bound |
 
+### CSS-Media-Queries-Analysis
+
+| Code | Severity | When |
+|------|----------|------|
+| `no-wide-rules` | info | No `@media` rules for viewports wider than the breakpoint (768 px by default) |
+| `wide-rules` | info or warning | `@media` rules for wider viewports that narrower screens download without using, a warning above 50 KB |
+| `repeated-queries` | info | Few distinct queries repeated across many `@media` blocks |
+| `unreadable-stylesheets` | info | Cross-origin stylesheets whose rules cannot be read |
+
+### Content-Visibility
+
+| Code | Severity | When |
+|------|----------|------|
+| `missing-intrinsic-size` | warning | An element with `content-visibility: auto` and no `contain-intrinsic-size`; `target` is its selector |
+| `not-used` | info | No `content-visibility` on the page |
+
+### Critical-CSS-Detection
+
+| Code | Severity | When |
+|------|----------|------|
+| `no-inline-critical-css` | error | Render-blocking stylesheets and no inline critical CSS |
+| `render-blocking-over-budget` | error | Render-blocking CSS above the 14 KB critical budget |
+| `large-not-preloaded` | warning | Render-blocking stylesheets above 10 KB without preload |
+| `inline-over-budget` | error | Inline CSS above the 14 KB critical budget |
+| `styles-in-body` | warning | Inline style blocks in `<body>` |
+
+### Find-Above-The-Fold-Lazy-Loaded-Images
+
+| Code | Severity | When |
+|------|----------|------|
+| `lcp-lazy` | error | The LCP candidate image has `loading="lazy"` |
+| `lazy-above-fold` | warning | Other images above the fold with `loading="lazy"` |
+
+### Find-Images-With-Lazy-and-Fetchpriority
+
+| Code | Severity | When |
+|------|----------|------|
+| `lazy-and-high-priority` | error | Elements with both `loading="lazy"` and `fetchpriority="high"` |
+
+### Find-non-Lazy-Loaded-Images-outside-of-the-viewport
+
+| Code | Severity | When |
+|------|----------|------|
+| `eager-off-viewport` | warning | Images outside the viewport without `loading="lazy"` |
+
+### Find-render-blocking-resources
+
+| Code | Severity | When |
+|------|----------|------|
+| `render-blocking` | error | Resources that block rendering |
+
+### Fonts-Preloaded-Loaded-and-used-above-the-fold
+
+Each issue names its font in `target`.
+
+| Code | Severity | When |
+|------|----------|------|
+| `preloaded-unused` | warning | A preloaded font that the content above the fold does not use |
+| `used-not-preloaded` | warning | A font used above the fold without preload |
+| `preload-no-crossorigin` | error | A font preload without `crossorigin`, which fetches the font twice |
+
+### Inline-CSS-Info-and-Size
+
+| Code | Severity | When |
+|------|----------|------|
+| `over-budget` | warning | Inline CSS above the 14 KB critical budget |
+| `duplicate-blocks` | warning | Style blocks with identical content |
+| `large-blocks` | warning | Style blocks above 5 KB |
+| `styles-in-body` | warning | Style blocks in `<body>` |
+
+### Webfont-Usage-Analyzer
+
+`load-failed`, `loaded-unused` and `redeclared` name the font file by its URL in `target`, or the face when it has none.
+
+| Code | Severity | When |
+|------|----------|------|
+| `load-failed` | error | A font that failed to load |
+| `loaded-unused` | warning | A loaded font that no rendered element uses |
+| `redeclared` | warning | A loaded font declared again later with the same descriptors, so the page uses the other file |
+| `blocking-font-display` | warning | Faces with `font-display` `auto` or `block`, which can keep text invisible |
+| `heavy-fonts` | warning | Web fonts above 300 KB in total |
+| `never-loaded` | info | Faces declared and never loaded |
+| `shadowed` | info | Faces declared more than once, whose earlier declarations never loaded |
+| `unused-subsets` | info | `unicode-range` subsets the page did not need |
+| `size-unknown` | info | Cross-origin font files without `Timing-Allow-Origin`, so the byte totals are a lower bound |
+| `unreadable-stylesheets` | info | Cross-origin stylesheets whose font files cannot be matched to faces |
+| `elements-capped` | info | Only the first 20,000 elements were scanned for text |
+
 ### First-And-Third-Party-Script-Info
 
 | Code | Severity | When |
diff --git a/dist/antigravity/webperf-loading/references/schema.md b/dist/antigravity/webperf-loading/references/schema.md
index 975142c7..f53498ff 100644
--- a/dist/antigravity/webperf-loading/references/schema.md
+++ b/dist/antigravity/webperf-loading/references/schema.md
@@ -1232,6 +1232,94 @@ An issue about one thing among several, one issue per thing, also names it in `t
 | `could-defer` | info | Blocking scripts other than the last three of `<body>`, which could try `defer` |
 | `unknown-size` | info | Scripts whose size is hidden by a missing `Timing-Allow-Origin`, so the total is a lower bound |
 
+### CSS-Media-Queries-Analysis
+
+| Code | Severity | When |
+|------|----------|------|
+| `no-wide-rules` | info | No `@media` rules for viewports wider than the breakpoint (768 px by default) |
+| `wide-rules` | info or warning | `@media` rules for wider viewports that narrower screens download without using, a warning above 50 KB |
+| `repeated-queries` | info | Few distinct queries repeated across many `@media` blocks |
+| `unreadable-stylesheets` | info | Cross-origin stylesheets whose rules cannot be read |
+
+### Content-Visibility
+
+| Code | Severity | When |
+|------|----------|------|
+| `missing-intrinsic-size` | warning | An element with `content-visibility: auto` and no `contain-intrinsic-size`; `target` is its selector |
+| `not-used` | info | No `content-visibility` on the page |
+
+### Critical-CSS-Detection
+
+| Code | Severity | When |
+|------|----------|------|
+| `no-inline-critical-css` | error | Render-blocking stylesheets and no inline critical CSS |
+| `render-blocking-over-budget` | error | Render-blocking CSS above the 14 KB critical budget |
+| `large-not-preloaded` | warning | Render-blocking stylesheets above 10 KB without preload |
+| `inline-over-budget` | error | Inline CSS above the 14 KB critical budget |
+| `styles-in-body` | warning | Inline style blocks in `<body>` |
+
+### Find-Above-The-Fold-Lazy-Loaded-Images
+
+| Code | Severity | When |
+|------|----------|------|
+| `lcp-lazy` | error | The LCP candidate image has `loading="lazy"` |
+| `lazy-above-fold` | warning | Other images above the fold with `loading="lazy"` |
+
+### Find-Images-With-Lazy-and-Fetchpriority
+
+| Code | Severity | When |
+|------|----------|------|
+| `lazy-and-high-priority` | error | Elements with both `loading="lazy"` and `fetchpriority="high"` |
+
+### Find-non-Lazy-Loaded-Images-outside-of-the-viewport
+
+| Code | Severity | When |
+|------|----------|------|
+| `eager-off-viewport` | warning | Images outside the viewport without `loading="lazy"` |
+
+### Find-render-blocking-resources
+
+| Code | Severity | When |
+|------|----------|------|
+| `render-blocking` | error | Resources that block rendering |
+
+### Fonts-Preloaded-Loaded-and-used-above-the-fold
+
+Each issue names its font in `target`.
+
+| Code | Severity | When |
+|------|----------|------|
+| `preloaded-unused` | warning | A preloaded font that the content above the fold does not use |
+| `used-not-preloaded` | warning | A font used above the fold without preload |
+| `preload-no-crossorigin` | error | A font preload without `crossorigin`, which fetches the font twice |
+
+### Inline-CSS-Info-and-Size
+
+| Code | Severity | When |
+|------|----------|------|
+| `over-budget` | warning | Inline CSS above the 14 KB critical budget |
+| `duplicate-blocks` | warning | Style blocks with identical content |
+| `large-blocks` | warning | Style blocks above 5 KB |
+| `styles-in-body` | warning | Style blocks in `<body>` |
+
+### Webfont-Usage-Analyzer
+
+`load-failed`, `loaded-unused` and `redeclared` name the font file by its URL in `target`, or the face when it has none.
+
+| Code | Severity | When |
+|------|----------|------|
+| `load-failed` | error | A font that failed to load |
+| `loaded-unused` | warning | A loaded font that no rendered element uses |
+| `redeclared` | warning | A loaded font declared again later with the same descriptors, so the page uses the other file |
+| `blocking-font-display` | warning | Faces with `font-display` `auto` or `block`, which can keep text invisible |
+| `heavy-fonts` | warning | Web fonts above 300 KB in total |
+| `never-loaded` | info | Faces declared and never loaded |
+| `shadowed` | info | Faces declared more than once, whose earlier declarations never loaded |
+| `unused-subsets` | info | `unicode-range` subsets the page did not need |
+| `size-unknown` | info | Cross-origin font files without `Timing-Allow-Origin`, so the byte totals are a lower bound |
+| `unreadable-stylesheets` | info | Cross-origin stylesheets whose font files cannot be matched to faces |
+| `elements-capped` | info | Only the first 20,000 elements were scanned for text |
+
 ### First-And-Third-Party-Script-Info
 
 | Code | Severity | When |
diff --git a/dist/antigravity/webperf-loading/scripts/CSS-Media-Queries-Analysis.js b/dist/antigravity/webperf-loading/scripts/CSS-Media-Queries-Analysis.js
index 5c800a71..1855ca3f 100644
--- a/dist/antigravity/webperf-loading/scripts/CSS-Media-Queries-Analysis.js
+++ b/dist/antigravity/webperf-loading/scripts/CSS-Media-Queries-Analysis.js
@@ -123,19 +123,23 @@ async function analyzeCSSMediaQueries(minWidth = 768) {
   const uniquenessRatio = rules.length ? Math.round(queries.length / rules.length * 1000) / 1000 : 0;
   const issues = [];
   if (rules.length === 0) issues.push({
+    code: "no-wide-rules",
     severity: "info",
     message: `No @media rules for viewports wider than ${minWidth}px`
   }); else {
     issues.push({
+      code: "wide-rules",
       severity: totalBytes > WARNING_BYTES ? "warning" : "info",
       message: `${rules.length} @media rules for viewports wider than ${minWidth}px add ${formatBytes(totalBytes)} of CSS that narrower screens download and parse without using. Move them to a stylesheet with a media attribute, such as <link rel="stylesheet" href="wide.css" media="(min-width: ${minWidth + 1}px)">, which narrower screens fetch at low priority without blocking rendering`
     });
     if (rules.length >= 20 && uniquenessRatio < 0.1) issues.push({
+      code: "repeated-queries",
       severity: "info",
       message: `${queries.length} distinct queries repeat across ${rules.length} @media blocks, the pattern of component-scoped or compiled CSS. Grouping the rules of each query under one block shortens the stylesheets`
     });
   }
   if (corsBlockedCount > 0) issues.push({
+    code: "unreadable-stylesheets",
     severity: "info",
     message: `${corsBlockedCount} cross-origin stylesheet(s) could not be read, so their @media rules are not counted`
   });
diff --git a/dist/antigravity/webperf-loading/scripts/Content-Visibility.js b/dist/antigravity/webperf-loading/scripts/Content-Visibility.js
index dca5f3c8..f3375db9 100644
--- a/dist/antigravity/webperf-loading/scripts/Content-Visibility.js
+++ b/dist/antigravity/webperf-loading/scripts/Content-Visibility.js
@@ -172,9 +172,12 @@ window.analyzeContentVisibilityOpportunities = analyzeContentVisibilityOpportuni
       type: "hidden"
     })) ],
     issues: [ ...cvResults.autoElements.filter(el => el.containIntrinsicSize === "not set" || el.containIntrinsicSize === "none").map(el => ({
+      code: "missing-intrinsic-size",
       severity: "warning",
-      message: `${el.selector}: missing contain-intrinsic-size (CLS risk)`
+      message: `${el.selector}: missing contain-intrinsic-size (CLS risk)`,
+      target: el.selector
     })), ...cvResults.autoElements.length + cvResults.hiddenElements.length === 0 ? [ {
+      code: "not-used",
       severity: "info",
       message: "No content-visibility usage found. Consider content-visibility: auto on below-the-fold sections to reduce the initial render cost."
     } ] : [] ]
diff --git a/dist/antigravity/webperf-loading/scripts/Critical-CSS-Detection.js b/dist/antigravity/webperf-loading/scripts/Critical-CSS-Detection.js
index 4814a1ec..2fef0a8e 100644
--- a/dist/antigravity/webperf-loading/scripts/Critical-CSS-Detection.js
+++ b/dist/antigravity/webperf-loading/scripts/Critical-CSS-Detection.js
@@ -70,29 +70,34 @@
   }
   const issues = [];
   if (renderBlockingCSS.length > 0 && inlineStyles.length === 0) issues.push({
+    code: "no-inline-critical-css",
     severity: "high",
     message: "No critical CSS inlined: all CSS loads via render-blocking requests",
     suggestion: "Extract above-the-fold styles into a <style> tag in <head> and defer the rest"
   });
   if (totalRenderBlockingDecoded > criticalBudget) issues.push({
+    code: "render-blocking-over-budget",
     severity: "high",
     message: `Render-blocking CSS (${formatBytes(totalRenderBlockingDecoded)}) exceeds the 14 KB critical budget`,
     suggestion: "Inline critical CSS and defer non-critical stylesheets using the media/onload pattern"
   });
   const largeUnpreloaded = renderBlockingCSS.filter(s => !s.preloaded && s.transferSize > 10 * 1024);
   if (largeUnpreloaded.length > 0) issues.push({
+    code: "large-not-preloaded",
     severity: "medium",
     message: `${largeUnpreloaded.length} large render-blocking stylesheet(s) without preload`,
     details: largeUnpreloaded.map(s => `• ${s.filename} (${formatBytes(s.transferSize)})`),
     suggestion: 'Add <link rel="preload" as="style" href="..."> to start download earlier'
   });
   if (totalInlineBytes > criticalBudget) issues.push({
+    code: "inline-over-budget",
     severity: "high",
     message: `Inline CSS (${formatBytes(totalInlineBytes)}) exceeds the 14 KB critical budget`,
     suggestion: "Keep inline critical CSS under 14 KB. Move non-critical styles to an external deferred file."
   });
   const bodyInlineStyles = inlineStyles.filter(s => !s.inHead);
   if (bodyInlineStyles.length > 0) issues.push({
+    code: "styles-in-body",
     severity: "medium",
     message: `${bodyInlineStyles.length} inline style block(s) found in <body>`,
     suggestion: "Move critical styles to <head> to avoid potential render-blocking reflows"
@@ -128,6 +133,7 @@
       corsBlocked: s.corsBlocked
     })),
     issues: issues.map(i => ({
+      code: i.code,
       severity: i.severity === "high" ? "error" : "warning",
       message: i.message
     }))
diff --git a/dist/antigravity/webperf-loading/scripts/Find-Above-The-Fold-Lazy-Loaded-Images.js b/dist/antigravity/webperf-loading/scripts/Find-Above-The-Fold-Lazy-Loaded-Images.js
index 23b83724..d74578f0 100644
--- a/dist/antigravity/webperf-loading/scripts/Find-Above-The-Fold-Lazy-Loaded-Images.js
+++ b/dist/antigravity/webperf-loading/scripts/Find-Above-The-Fold-Lazy-Loaded-Images.js
@@ -149,9 +149,11 @@
       isLcpCandidate: image.isLcpCandidate
     })),
     issues: [ ...results.summary.lcpAffected ? [ {
+      code: "lcp-lazy",
       severity: "error",
       message: 'LCP candidate image has lazy loading: remove loading="lazy" and add fetchpriority="high"'
     } ] : [], ...results.lazyImages.filter(i => !i.isLcpCandidate).length > 0 ? [ {
+      code: "lazy-above-fold",
       severity: "warning",
       message: `${results.lazyImages.filter(i => !i.isLcpCandidate).length} above-fold image(s) have lazy loading: remove loading="lazy"`
     } ] : [] ]
diff --git a/dist/antigravity/webperf-loading/scripts/Find-Images-With-Lazy-and-Fetchpriority.js b/dist/antigravity/webperf-loading/scripts/Find-Images-With-Lazy-and-Fetchpriority.js
index 11b6aab3..c1955f4f 100644
--- a/dist/antigravity/webperf-loading/scripts/Find-Images-With-Lazy-and-Fetchpriority.js
+++ b/dist/antigravity/webperf-loading/scripts/Find-Images-With-Lazy-and-Fetchpriority.js
@@ -68,6 +68,7 @@
       };
     }),
     issues: conflictingElements.length > 0 ? [ {
+      code: "lazy-and-high-priority",
       severity: "error",
       message: `${conflictingElements.length} element(s) have conflicting loading="lazy" and fetchpriority="high"`
     } ] : []
diff --git a/dist/antigravity/webperf-loading/scripts/Find-non-Lazy-Loaded-Images-outside-of-the-viewport.js b/dist/antigravity/webperf-loading/scripts/Find-non-Lazy-Loaded-Images-outside-of-the-viewport.js
index 329ddf14..315edc5e 100644
--- a/dist/antigravity/webperf-loading/scripts/Find-non-Lazy-Loaded-Images-outside-of-the-viewport.js
+++ b/dist/antigravity/webperf-loading/scripts/Find-non-Lazy-Loaded-Images-outside-of-the-viewport.js
@@ -173,6 +173,7 @@
       container: img.container
     })) ],
     issues: totalImages > 0 ? [ {
+      code: "eager-off-viewport",
       severity: "warning",
       message: `${totalImages} image(s) outside the viewport are missing loading="lazy"`
     } ] : []
diff --git a/dist/antigravity/webperf-loading/scripts/Find-render-blocking-resources.js b/dist/antigravity/webperf-loading/scripts/Find-render-blocking-resources.js
index 7cf96f61..e1744cdb 100644
--- a/dist/antigravity/webperf-loading/scripts/Find-render-blocking-resources.js
+++ b/dist/antigravity/webperf-loading/scripts/Find-render-blocking-resources.js
@@ -74,6 +74,7 @@
       sizeBytes: r.size
     })),
     issues: blockingResources.length > 0 ? [ {
+      code: "render-blocking",
       severity: "error",
       message: `${blockingResources.length} render-blocking resource(s) delay rendering until ${Math.round(lastBlockingEnd)}ms`
     } ] : []
diff --git a/dist/antigravity/webperf-loading/scripts/Fonts-Preloaded-Loaded-and-used-above-the-fold.js b/dist/antigravity/webperf-loading/scripts/Fonts-Preloaded-Loaded-and-used-above-the-fold.js
index 41d3871f..1673066b 100644
--- a/dist/antigravity/webperf-loading/scripts/Fonts-Preloaded-Loaded-and-used-above-the-fold.js
+++ b/dist/antigravity/webperf-loading/scripts/Fonts-Preloaded-Loaded-and-used-above-the-fold.js
@@ -158,14 +158,20 @@
       elements: f.elements
     })),
     issues: [ ...preloadedNotUsed.map(f => ({
+      code: "preloaded-unused",
       severity: "warning",
-      message: `Preloaded but not used above fold: ${f.name}`
+      message: `Preloaded but not used above fold: ${f.name}`,
+      target: f.name
     })), ...usedNotPreloaded.map(f => ({
+      code: "used-not-preloaded",
       severity: "warning",
-      message: `Used above fold but not preloaded: ${f.family} (${f.weight})`
+      message: `Used above fold but not preloaded: ${f.family} (${f.weight})`,
+      target: `${f.family} (${f.weight})`
     })), ...preloadedFonts.filter(f => !f.crossorigin).map(f => ({
+      code: "preload-no-crossorigin",
       severity: "error",
-      message: `Font preloaded without crossorigin (double fetch): ${f.name}`
+      message: `Font preloaded without crossorigin (double fetch): ${f.name}`,
+      target: f.name
     })) ]
   };
 })();
diff --git a/dist/antigravity/webperf-loading/scripts/Inline-CSS-Info-and-Size.js b/dist/antigravity/webperf-loading/scripts/Inline-CSS-Info-and-Size.js
index df32584d..ca40f132 100644
--- a/dist/antigravity/webperf-loading/scripts/Inline-CSS-Info-and-Size.js
+++ b/dist/antigravity/webperf-loading/scripts/Inline-CSS-Info-and-Size.js
@@ -78,11 +78,13 @@
   });
   const issues = [];
   if (totalSize > criticalBudget) issues.push({
+    code: "over-budget",
     type: "size",
     message: `Total inline CSS (${formatBytes(totalSize)}) exceeds 14 KB critical budget`,
     suggestion: "Move non-critical styles to external stylesheet"
   });
   if (duplicates.length > 0) issues.push({
+    code: "duplicate-blocks",
     type: "duplicate",
     message: `Found ${duplicates.length} duplicated style block(s)`,
     details: duplicates.map(d => `Tags #${d.join(", #")} have identical content`),
@@ -90,6 +92,7 @@
   });
   const largeBlocks = styles.filter(s => s.size > 5 * 1024);
   if (largeBlocks.length > 0) issues.push({
+    code: "large-blocks",
     type: "large",
     message: `${largeBlocks.length} style block(s) over 5 KB`,
     details: largeBlocks.map(s => `Tag #${s.index}: ${formatBytes(s.size)}`),
@@ -97,6 +100,7 @@
   });
   const bodyStyles = styles.filter(s => !s.inHead);
   if (bodyStyles.length > 0) issues.push({
+    code: "styles-in-body",
     type: "location",
     message: `${bodyStyles.length} style block(s) in <body>`,
     details: bodyStyles.map(s => `Tag #${s.index}`),
@@ -129,6 +133,7 @@
       hasKeyframes: s.hasKeyframes
     })),
     issues: issues.map(i => ({
+      code: i.code,
       severity: "warning",
       message: i.message
     }))
diff --git a/dist/antigravity/webperf-loading/scripts/Webfont-Usage-Analyzer.js b/dist/antigravity/webperf-loading/scripts/Webfont-Usage-Analyzer.js
index d47da73a..6256e29a 100644
--- a/dist/antigravity/webperf-loading/scripts/Webfont-Usage-Analyzer.js
+++ b/dist/antigravity/webperf-loading/scripts/Webfont-Usage-Analyzer.js
@@ -191,44 +191,62 @@
     return unique.length > 8 ? `${shown} and ${unique.length - 8} more` : shown;
   };
   const issues = [ ...failed.map(f => ({
+    code: "load-failed",
     severity: "error",
-    message: `Font failed to load: ${label(f)}`
+    message: `Font failed to load: ${label(f)}`,
+    target: f.url || label(f)
   })), ...[ ...new Map(loadedUnused.map(f => [ `${label(f)}|${f.url}`, f ])).values() ].map(f => {
     const bytes = wastedBytes(f) ? `, ${kb(wastedBytes(f))} downloaded for nothing` : "";
-    return {
+    const target = f.url || label(f);
+    return f._redeclared ? {
+      code: "redeclared",
+      severity: "warning",
+      message: `Loaded but declared again later with the same descriptors, so the page renders with the other file: ${label(f)}${f.url ? ` from ${f.url}` : ""}${bytes}`,
+      target: target
+    } : {
+      code: "loaded-unused",
       severity: "warning",
-      message: f._redeclared ? `Loaded but declared again later with the same descriptors, so the page renders with the other file: ${label(f)}${f.url ? ` from ${f.url}` : ""}${bytes}` : `Loaded but not used by any rendered element: ${label(f)}${bytes}`
+      message: `Loaded but not used by any rendered element: ${label(f)}${bytes}`,
+      target: target
     };
   }) ];
   if (blockingDisplay.length > 0) issues.push({
+    code: "blocking-font-display",
     severity: "warning",
     message: `font-display is auto or block on ${uniqueLabels(blockingDisplay).length} face(s), so text can stay invisible while they load. Use swap or optional: ${names(blockingDisplay)}`
   });
   if (totalFontBytes > BYTES_WARNING) issues.push({
+    code: "heavy-fonts",
     severity: "warning",
     message: `Web fonts weigh ${kb(totalFontBytes)} in total (over ${kb(BYTES_WARNING)}). Subset, use WOFF2 or drop unused weights`
   });
   if (neverLoadedWhole.length > 0) issues.push({
+    code: "never-loaded",
     severity: "info",
     message: `Declared but never loaded (${uniqueLabels(neverLoadedWhole).length}); nothing on this page needed them: ${names(neverLoadedWhole)}`
   });
   if (shadowed.length > 0) issues.push({
+    code: "shadowed",
     severity: "info",
     message: `Declared more than once with the same descriptors; the page uses a later declaration, so these never loaded (${uniqueLabels(shadowed).length}): ${names(shadowed)}`
   });
   if (neverLoadedSubsets.length > 0) issues.push({
+    code: "unused-subsets",
     severity: "info",
     message: `unicode-range subsets this page did not need (${uniqueLabels(neverLoadedSubsets).length}), which is the intended behavior of a split font: ${names(neverLoadedSubsets)}`
   });
   if (!bytesReadable) issues.push({
+    code: "size-unknown",
     severity: "info",
     message: "Some font files are cross-origin without Timing-Allow-Origin, so their size reads as 0 and the byte totals are a lower bound"
   });
   if (unreadableStylesheets > 0) issues.push({
+    code: "unreadable-stylesheets",
     severity: "info",
     message: `${unreadableStylesheets} cross-origin stylesheet(s) could not be read, so their font files cannot be matched to faces`
   });
   if (scanned < elements.length) issues.push({
+    code: "elements-capped",
     severity: "info",
     message: `Only the first ${MAX_ELEMENTS} elements were scanned for text; some faces may be reported as unused`
   });
diff --git a/dist/antigravity/webperf-media/references/schema.md b/dist/antigravity/webperf-media/references/schema.md
index 975142c7..f53498ff 100644
--- a/dist/antigravity/webperf-media/references/schema.md
+++ b/dist/antigravity/webperf-media/references/schema.md
@@ -1232,6 +1232,94 @@ An issue about one thing among several, one issue per thing, also names it in `t
 | `could-defer` | info | Blocking scripts other than the last three of `<body>`, which could try `defer` |
 | `unknown-size` | info | Scripts whose size is hidden by a missing `Timing-Allow-Origin`, so the total is a lower bound |
 
+### CSS-Media-Queries-Analysis
+
+| Code | Severity | When |
+|------|----------|------|
+| `no-wide-rules` | info | No `@media` rules for viewports wider than the breakpoint (768 px by default) |
+| `wide-rules` | info or warning | `@media` rules for wider viewports that narrower screens download without using, a warning above 50 KB |
+| `repeated-queries` | info | Few distinct queries repeated across many `@media` blocks |
+| `unreadable-stylesheets` | info | Cross-origin stylesheets whose rules cannot be read |
+
+### Content-Visibility
+
+| Code | Severity | When |
+|------|----------|------|
+| `missing-intrinsic-size` | warning | An element with `content-visibility: auto` and no `contain-intrinsic-size`; `target` is its selector |
+| `not-used` | info | No `content-visibility` on the page |
+
+### Critical-CSS-Detection
+
+| Code | Severity | When |
+|------|----------|------|
+| `no-inline-critical-css` | error | Render-blocking stylesheets and no inline critical CSS |
+| `render-blocking-over-budget` | error | Render-blocking CSS above the 14 KB critical budget |
+| `large-not-preloaded` | warning | Render-blocking stylesheets above 10 KB without preload |
+| `inline-over-budget` | error | Inline CSS above the 14 KB critical budget |
+| `styles-in-body` | warning | Inline style blocks in `<body>` |
+
+### Find-Above-The-Fold-Lazy-Loaded-Images
+
+| Code | Severity | When |
+|------|----------|------|
+| `lcp-lazy` | error | The LCP candidate image has `loading="lazy"` |
+| `lazy-above-fold` | warning | Other images above the fold with `loading="lazy"` |
+
+### Find-Images-With-Lazy-and-Fetchpriority
+
+| Code | Severity | When |
+|------|----------|------|
+| `lazy-and-high-priority` | error | Elements with both `loading="lazy"` and `fetchpriority="high"` |
+
+### Find-non-Lazy-Loaded-Images-outside-of-the-viewport
+
+| Code | Severity | When |
+|------|----------|------|
+| `eager-off-viewport` | warning | Images outside the viewport without `loading="lazy"` |
+
+### Find-render-blocking-resources
+
+| Code | Severity | When |
+|------|----------|------|
+| `render-blocking` | error | Resources that block rendering |
+
+### Fonts-Preloaded-Loaded-and-used-above-the-fold
+
+Each issue names its font in `target`.
+
+| Code | Severity | When |
+|------|----------|------|
+| `preloaded-unused` | warning | A preloaded font that the content above the fold does not use |
+| `used-not-preloaded` | warning | A font used above the fold without preload |
+| `preload-no-crossorigin` | error | A font preload without `crossorigin`, which fetches the font twice |
+
+### Inline-CSS-Info-and-Size
+
+| Code | Severity | When |
+|------|----------|------|
+| `over-budget` | warning | Inline CSS above the 14 KB critical budget |
+| `duplicate-blocks` | warning | Style blocks with identical content |
+| `large-blocks` | warning | Style blocks above 5 KB |
+| `styles-in-body` | warning | Style blocks in `<body>` |
+
+### Webfont-Usage-Analyzer
+
+`load-failed`, `loaded-unused` and `redeclared` name the font file by its URL in `target`, or the face when it has none.
+
+| Code | Severity | When |
+|------|----------|------|
+| `load-failed` | error | A font that failed to load |
+| `loaded-unused` | warning | A loaded font that no rendered element uses |
+| `redeclared` | warning | A loaded font declared again later with the same descriptors, so the page uses the other file |
+| `blocking-font-display` | warning | Faces with `font-display` `auto` or `block`, which can keep text invisible |
+| `heavy-fonts` | warning | Web fonts above 300 KB in total |
+| `never-loaded` | info | Faces declared and never loaded |
+| `shadowed` | info | Faces declared more than once, whose earlier declarations never loaded |
+| `unused-subsets` | info | `unicode-range` subsets the page did not need |
+| `size-unknown` | info | Cross-origin font files without `Timing-Allow-Origin`, so the byte totals are a lower bound |
+| `unreadable-stylesheets` | info | Cross-origin stylesheets whose font files cannot be matched to faces |
+| `elements-capped` | info | Only the first 20,000 elements were scanned for text |
+
 ### First-And-Third-Party-Script-Info
 
 | Code | Severity | When |
diff --git a/dist/antigravity/webperf-resources/references/schema.md b/dist/antigravity/webperf-resources/references/schema.md
index 975142c7..f53498ff 100644
--- a/dist/antigravity/webperf-resources/references/schema.md
+++ b/dist/antigravity/webperf-resources/references/schema.md
@@ -1232,6 +1232,94 @@ An issue about one thing among several, one issue per thing, also names it in `t
 | `could-defer` | info | Blocking scripts other than the last three of `<body>`, which could try `defer` |
 | `unknown-size` | info | Scripts whose size is hidden by a missing `Timing-Allow-Origin`, so the total is a lower bound |
 
+### CSS-Media-Queries-Analysis
+
+| Code | Severity | When |
+|------|----------|------|
+| `no-wide-rules` | info | No `@media` rules for viewports wider than the breakpoint (768 px by default) |
+| `wide-rules` | info or warning | `@media` rules for wider viewports that narrower screens download without using, a warning above 50 KB |
+| `repeated-queries` | info | Few distinct queries repeated across many `@media` blocks |
+| `unreadable-stylesheets` | info | Cross-origin stylesheets whose rules cannot be read |
+
+### Content-Visibility
+
+| Code | Severity | When |
+|------|----------|------|
+| `missing-intrinsic-size` | warning | An element with `content-visibility: auto` and no `contain-intrinsic-size`; `target` is its selector |
+| `not-used` | info | No `content-visibility` on the page |
+
+### Critical-CSS-Detection
+
+| Code | Severity | When |
+|------|----------|------|
+| `no-inline-critical-css` | error | Render-blocking stylesheets and no inline critical CSS |
+| `render-blocking-over-budget` | error | Render-blocking CSS above the 14 KB critical budget |
+| `large-not-preloaded` | warning | Render-blocking stylesheets above 10 KB without preload |
+| `inline-over-budget` | error | Inline CSS above the 14 KB critical budget |
+| `styles-in-body` | warning | Inline style blocks in `<body>` |
+
+### Find-Above-The-Fold-Lazy-Loaded-Images
+
+| Code | Severity | When |
+|------|----------|------|
+| `lcp-lazy` | error | The LCP candidate image has `loading="lazy"` |
+| `lazy-above-fold` | warning | Other images above the fold with `loading="lazy"` |
+
+### Find-Images-With-Lazy-and-Fetchpriority
+
+| Code | Severity | When |
+|------|----------|------|
+| `lazy-and-high-priority` | error | Elements with both `loading="lazy"` and `fetchpriority="high"` |
+
+### Find-non-Lazy-Loaded-Images-outside-of-the-viewport
+
+| Code | Severity | When |
+|------|----------|------|
+| `eager-off-viewport` | warning | Images outside the viewport without `loading="lazy"` |
+
+### Find-render-blocking-resources
+
+| Code | Severity | When |
+|------|----------|------|
+| `render-blocking` | error | Resources that block rendering |
+
+### Fonts-Preloaded-Loaded-and-used-above-the-fold
+
+Each issue names its font in `target`.
+
+| Code | Severity | When |
+|------|----------|------|
+| `preloaded-unused` | warning | A preloaded font that the content above the fold does not use |
+| `used-not-preloaded` | warning | A font used above the fold without preload |
+| `preload-no-crossorigin` | error | A font preload without `crossorigin`, which fetches the font twice |
+
+### Inline-CSS-Info-and-Size
+
+| Code | Severity | When |
+|------|----------|------|
+| `over-budget` | warning | Inline CSS above the 14 KB critical budget |
+| `duplicate-blocks` | warning | Style blocks with identical content |
+| `large-blocks` | warning | Style blocks above 5 KB |
+| `styles-in-body` | warning | Style blocks in `<body>` |
+
+### Webfont-Usage-Analyzer
+
+`load-failed`, `loaded-unused` and `redeclared` name the font file by its URL in `target`, or the face when it has none.
+
+| Code | Severity | When |
+|------|----------|------|
+| `load-failed` | error | A font that failed to load |
+| `loaded-unused` | warning | A loaded font that no rendered element uses |
+| `redeclared` | warning | A loaded font declared again later with the same descriptors, so the page uses the other file |
+| `blocking-font-display` | warning | Faces with `font-display` `auto` or `block`, which can keep text invisible |
+| `heavy-fonts` | warning | Web fonts above 300 KB in total |
+| `never-loaded` | info | Faces declared and never loaded |
+| `shadowed` | info | Faces declared more than once, whose earlier declarations never loaded |
+| `unused-subsets` | info | `unicode-range` subsets the page did not need |
+| `size-unknown` | info | Cross-origin font files without `Timing-Allow-Origin`, so the byte totals are a lower bound |
+| `unreadable-stylesheets` | info | Cross-origin stylesheets whose font files cannot be matched to faces |
+| `elements-capped` | info | Only the first 20,000 elements were scanned for text |
+
 ### First-And-Third-Party-Script-Info
 
 | Code | Severity | When |
diff --git a/dist/gemini/webperf-loading/scripts/CSS-Media-Queries-Analysis.js b/dist/gemini/webperf-loading/scripts/CSS-Media-Queries-Analysis.js
index 5c800a71..1855ca3f 100644
--- a/dist/gemini/webperf-loading/scripts/CSS-Media-Queries-Analysis.js
+++ b/dist/gemini/webperf-loading/scripts/CSS-Media-Queries-Analysis.js
@@ -123,19 +123,23 @@ async function analyzeCSSMediaQueries(minWidth = 768) {
   const uniquenessRatio = rules.length ? Math.round(queries.length / rules.length * 1000) / 1000 : 0;
   const issues = [];
   if (rules.length === 0) issues.push({
+    code: "no-wide-rules",
     severity: "info",
     message: `No @media rules for viewports wider than ${minWidth}px`
   }); else {
     issues.push({
+      code: "wide-rules",
       severity: totalBytes > WARNING_BYTES ? "warning" : "info",
       message: `${rules.length} @media rules for viewports wider than ${minWidth}px add ${formatBytes(totalBytes)} of CSS that narrower screens download and parse without using. Move them to a stylesheet with a media attribute, such as <link rel="stylesheet" href="wide.css" media="(min-width: ${minWidth + 1}px)">, which narrower screens fetch at low priority without blocking rendering`
     });
     if (rules.length >= 20 && uniquenessRatio < 0.1) issues.push({
+      code: "repeated-queries",
       severity: "info",
       message: `${queries.length} distinct queries repeat across ${rules.length} @media blocks, the pattern of component-scoped or compiled CSS. Grouping the rules of each query under one block shortens the stylesheets`
     });
   }
   if (corsBlockedCount > 0) issues.push({
+    code: "unreadable-stylesheets",
     severity: "info",
     message: `${corsBlockedCount} cross-origin stylesheet(s) could not be read, so their @media rules are not counted`
   });
diff --git a/dist/gemini/webperf-loading/scripts/Content-Visibility.js b/dist/gemini/webperf-loading/scripts/Content-Visibility.js
index dca5f3c8..f3375db9 100644
--- a/dist/gemini/webperf-loading/scripts/Content-Visibility.js
+++ b/dist/gemini/webperf-loading/scripts/Content-Visibility.js
@@ -172,9 +172,12 @@ window.analyzeContentVisibilityOpportunities = analyzeContentVisibilityOpportuni
       type: "hidden"
     })) ],
     issues: [ ...cvResults.autoElements.filter(el => el.containIntrinsicSize === "not set" || el.containIntrinsicSize === "none").map(el => ({
+      code: "missing-intrinsic-size",
       severity: "warning",
-      message: `${el.selector}: missing contain-intrinsic-size (CLS risk)`
+      message: `${el.selector}: missing contain-intrinsic-size (CLS risk)`,
+      target: el.selector
     })), ...cvResults.autoElements.length + cvResults.hiddenElements.length === 0 ? [ {
+      code: "not-used",
       severity: "info",
       message: "No content-visibility usage found. Consider content-visibility: auto on below-the-fold sections to reduce the initial render cost."
     } ] : [] ]
diff --git a/dist/gemini/webperf-loading/scripts/Critical-CSS-Detection.js b/dist/gemini/webperf-loading/scripts/Critical-CSS-Detection.js
index 4814a1ec..2fef0a8e 100644
--- a/dist/gemini/webperf-loading/scripts/Critical-CSS-Detection.js
+++ b/dist/gemini/webperf-loading/scripts/Critical-CSS-Detection.js
@@ -70,29 +70,34 @@
   }
   const issues = [];
   if (renderBlockingCSS.length > 0 && inlineStyles.length === 0) issues.push({
+    code: "no-inline-critical-css",
     severity: "high",
     message: "No critical CSS inlined: all CSS loads via render-blocking requests",
     suggestion: "Extract above-the-fold styles into a <style> tag in <head> and defer the rest"
   });
   if (totalRenderBlockingDecoded > criticalBudget) issues.push({
+    code: "render-blocking-over-budget",
     severity: "high",
     message: `Render-blocking CSS (${formatBytes(totalRenderBlockingDecoded)}) exceeds the 14 KB critical budget`,
     suggestion: "Inline critical CSS and defer non-critical stylesheets using the media/onload pattern"
   });
   const largeUnpreloaded = renderBlockingCSS.filter(s => !s.preloaded && s.transferSize > 10 * 1024);
   if (largeUnpreloaded.length > 0) issues.push({
+    code: "large-not-preloaded",
     severity: "medium",
     message: `${largeUnpreloaded.length} large render-blocking stylesheet(s) without preload`,
     details: largeUnpreloaded.map(s => `• ${s.filename} (${formatBytes(s.transferSize)})`),
     suggestion: 'Add <link rel="preload" as="style" href="..."> to start download earlier'
   });
   if (totalInlineBytes > criticalBudget) issues.push({
+    code: "inline-over-budget",
     severity: "high",
     message: `Inline CSS (${formatBytes(totalInlineBytes)}) exceeds the 14 KB critical budget`,
     suggestion: "Keep inline critical CSS under 14 KB. Move non-critical styles to an external deferred file."
   });
   const bodyInlineStyles = inlineStyles.filter(s => !s.inHead);
   if (bodyInlineStyles.length > 0) issues.push({
+    code: "styles-in-body",
     severity: "medium",
     message: `${bodyInlineStyles.length} inline style block(s) found in <body>`,
     suggestion: "Move critical styles to <head> to avoid potential render-blocking reflows"
@@ -128,6 +133,7 @@
       corsBlocked: s.corsBlocked
     })),
     issues: issues.map(i => ({
+      code: i.code,
       severity: i.severity === "high" ? "error" : "warning",
       message: i.message
     }))
diff --git a/dist/gemini/webperf-loading/scripts/Find-Above-The-Fold-Lazy-Loaded-Images.js b/dist/gemini/webperf-loading/scripts/Find-Above-The-Fold-Lazy-Loaded-Images.js
index 23b83724..d74578f0 100644
--- a/dist/gemini/webperf-loading/scripts/Find-Above-The-Fold-Lazy-Loaded-Images.js
+++ b/dist/gemini/webperf-loading/scripts/Find-Above-The-Fold-Lazy-Loaded-Images.js
@@ -149,9 +149,11 @@
       isLcpCandidate: image.isLcpCandidate
     })),
     issues: [ ...results.summary.lcpAffected ? [ {
+      code: "lcp-lazy",
       severity: "error",
       message: 'LCP candidate image has lazy loading: remove loading="lazy" and add fetchpriority="high"'
     } ] : [], ...results.lazyImages.filter(i => !i.isLcpCandidate).length > 0 ? [ {
+      code: "lazy-above-fold",
       severity: "warning",
       message: `${results.lazyImages.filter(i => !i.isLcpCandidate).length} above-fold image(s) have lazy loading: remove loading="lazy"`
     } ] : [] ]
diff --git a/dist/gemini/webperf-loading/scripts/Find-Images-With-Lazy-and-Fetchpriority.js b/dist/gemini/webperf-loading/scripts/Find-Images-With-Lazy-and-Fetchpriority.js
index 11b6aab3..c1955f4f 100644
--- a/dist/gemini/webperf-loading/scripts/Find-Images-With-Lazy-and-Fetchpriority.js
+++ b/dist/gemini/webperf-loading/scripts/Find-Images-With-Lazy-and-Fetchpriority.js
@@ -68,6 +68,7 @@
       };
     }),
     issues: conflictingElements.length > 0 ? [ {
+      code: "lazy-and-high-priority",
       severity: "error",
       message: `${conflictingElements.length} element(s) have conflicting loading="lazy" and fetchpriority="high"`
     } ] : []
diff --git a/dist/gemini/webperf-loading/scripts/Find-non-Lazy-Loaded-Images-outside-of-the-viewport.js b/dist/gemini/webperf-loading/scripts/Find-non-Lazy-Loaded-Images-outside-of-the-viewport.js
index 329ddf14..315edc5e 100644
--- a/dist/gemini/webperf-loading/scripts/Find-non-Lazy-Loaded-Images-outside-of-the-viewport.js
+++ b/dist/gemini/webperf-loading/scripts/Find-non-Lazy-Loaded-Images-outside-of-the-viewport.js
@@ -173,6 +173,7 @@
       container: img.container
     })) ],
     issues: totalImages > 0 ? [ {
+      code: "eager-off-viewport",
       severity: "warning",
       message: `${totalImages} image(s) outside the viewport are missing loading="lazy"`
     } ] : []
diff --git a/dist/gemini/webperf-loading/scripts/Find-render-blocking-resources.js b/dist/gemini/webperf-loading/scripts/Find-render-blocking-resources.js
index 7cf96f61..e1744cdb 100644
--- a/dist/gemini/webperf-loading/scripts/Find-render-blocking-resources.js
+++ b/dist/gemini/webperf-loading/scripts/Find-render-blocking-resources.js
@@ -74,6 +74,7 @@
       sizeBytes: r.size
     })),
     issues: blockingResources.length > 0 ? [ {
+      code: "render-blocking",
       severity: "error",
       message: `${blockingResources.length} render-blocking resource(s) delay rendering until ${Math.round(lastBlockingEnd)}ms`
     } ] : []
diff --git a/dist/gemini/webperf-loading/scripts/Fonts-Preloaded-Loaded-and-used-above-the-fold.js b/dist/gemini/webperf-loading/scripts/Fonts-Preloaded-Loaded-and-used-above-the-fold.js
index 41d3871f..1673066b 100644
--- a/dist/gemini/webperf-loading/scripts/Fonts-Preloaded-Loaded-and-used-above-the-fold.js
+++ b/dist/gemini/webperf-loading/scripts/Fonts-Preloaded-Loaded-and-used-above-the-fold.js
@@ -158,14 +158,20 @@
       elements: f.elements
     })),
     issues: [ ...preloadedNotUsed.map(f => ({
+      code: "preloaded-unused",
       severity: "warning",
-      message: `Preloaded but not used above fold: ${f.name}`
+      message: `Preloaded but not used above fold: ${f.name}`,
+      target: f.name
     })), ...usedNotPreloaded.map(f => ({
+      code: "used-not-preloaded",
       severity: "warning",
-      message: `Used above fold but not preloaded: ${f.family} (${f.weight})`
+      message: `Used above fold but not preloaded: ${f.family} (${f.weight})`,
+      target: `${f.family} (${f.weight})`
     })), ...preloadedFonts.filter(f => !f.crossorigin).map(f => ({
+      code: "preload-no-crossorigin",
       severity: "error",
-      message: `Font preloaded without crossorigin (double fetch): ${f.name}`
+      message: `Font preloaded without crossorigin (double fetch): ${f.name}`,
+      target: f.name
     })) ]
   };
 })();
diff --git a/dist/gemini/webperf-loading/scripts/Inline-CSS-Info-and-Size.js b/dist/gemini/webperf-loading/scripts/Inline-CSS-Info-and-Size.js
index df32584d..ca40f132 100644
--- a/dist/gemini/webperf-loading/scripts/Inline-CSS-Info-and-Size.js
+++ b/dist/gemini/webperf-loading/scripts/Inline-CSS-Info-and-Size.js
@@ -78,11 +78,13 @@
   });
   const issues = [];
   if (totalSize > criticalBudget) issues.push({
+    code: "over-budget",
     type: "size",
     message: `Total inline CSS (${formatBytes(totalSize)}) exceeds 14 KB critical budget`,
     suggestion: "Move non-critical styles to external stylesheet"
   });
   if (duplicates.length > 0) issues.push({
+    code: "duplicate-blocks",
     type: "duplicate",
     message: `Found ${duplicates.length} duplicated style block(s)`,
     details: duplicates.map(d => `Tags #${d.join(", #")} have identical content`),
@@ -90,6 +92,7 @@
   });
   const largeBlocks = styles.filter(s => s.size > 5 * 1024);
   if (largeBlocks.length > 0) issues.push({
+    code: "large-blocks",
     type: "large",
     message: `${largeBlocks.length} style block(s) over 5 KB`,
     details: largeBlocks.map(s => `Tag #${s.index}: ${formatBytes(s.size)}`),
@@ -97,6 +100,7 @@
   });
   const bodyStyles = styles.filter(s => !s.inHead);
   if (bodyStyles.length > 0) issues.push({
+    code: "styles-in-body",
     type: "location",
     message: `${bodyStyles.length} style block(s) in <body>`,
     details: bodyStyles.map(s => `Tag #${s.index}`),
@@ -129,6 +133,7 @@
       hasKeyframes: s.hasKeyframes
     })),
     issues: issues.map(i => ({
+      code: i.code,
       severity: "warning",
       message: i.message
     }))
diff --git a/dist/gemini/webperf-loading/scripts/Webfont-Usage-Analyzer.js b/dist/gemini/webperf-loading/scripts/Webfont-Usage-Analyzer.js
index d47da73a..6256e29a 100644
--- a/dist/gemini/webperf-loading/scripts/Webfont-Usage-Analyzer.js
+++ b/dist/gemini/webperf-loading/scripts/Webfont-Usage-Analyzer.js
@@ -191,44 +191,62 @@
     return unique.length > 8 ? `${shown} and ${unique.length - 8} more` : shown;
   };
   const issues = [ ...failed.map(f => ({
+    code: "load-failed",
     severity: "error",
-    message: `Font failed to load: ${label(f)}`
+    message: `Font failed to load: ${label(f)}`,
+    target: f.url || label(f)
   })), ...[ ...new Map(loadedUnused.map(f => [ `${label(f)}|${f.url}`, f ])).values() ].map(f => {
     const bytes = wastedBytes(f) ? `, ${kb(wastedBytes(f))} downloaded for nothing` : "";
-    return {
+    const target = f.url || label(f);
+    return f._redeclared ? {
+      code: "redeclared",
+      severity: "warning",
+      message: `Loaded but declared again later with the same descriptors, so the page renders with the other file: ${label(f)}${f.url ? ` from ${f.url}` : ""}${bytes}`,
+      target: target
+    } : {
+      code: "loaded-unused",
       severity: "warning",
-      message: f._redeclared ? `Loaded but declared again later with the same descriptors, so the page renders with the other file: ${label(f)}${f.url ? ` from ${f.url}` : ""}${bytes}` : `Loaded but not used by any rendered element: ${label(f)}${bytes}`
+      message: `Loaded but not used by any rendered element: ${label(f)}${bytes}`,
+      target: target
     };
   }) ];
   if (blockingDisplay.length > 0) issues.push({
+    code: "blocking-font-display",
     severity: "warning",
     message: `font-display is auto or block on ${uniqueLabels(blockingDisplay).length} face(s), so text can stay invisible while they load. Use swap or optional: ${names(blockingDisplay)}`
   });
   if (totalFontBytes > BYTES_WARNING) issues.push({
+    code: "heavy-fonts",
     severity: "warning",
     message: `Web fonts weigh ${kb(totalFontBytes)} in total (over ${kb(BYTES_WARNING)}). Subset, use WOFF2 or drop unused weights`
   });
   if (neverLoadedWhole.length > 0) issues.push({
+    code: "never-loaded",
     severity: "info",
     message: `Declared but never loaded (${uniqueLabels(neverLoadedWhole).length}); nothing on this page needed them: ${names(neverLoadedWhole)}`
   });
   if (shadowed.length > 0) issues.push({
+    code: "shadowed",
     severity: "info",
     message: `Declared more than once with the same descriptors; the page uses a later declaration, so these never loaded (${uniqueLabels(shadowed).length}): ${names(shadowed)}`
   });
   if (neverLoadedSubsets.length > 0) issues.push({
+    code: "unused-subsets",
     severity: "info",
     message: `unicode-range subsets this page did not need (${uniqueLabels(neverLoadedSubsets).length}), which is the intended behavior of a split font: ${names(neverLoadedSubsets)}`
   });
   if (!bytesReadable) issues.push({
+    code: "size-unknown",
     severity: "info",
     message: "Some font files are cross-origin without Timing-Allow-Origin, so their size reads as 0 and the byte totals are a lower bound"
   });
   if (unreadableStylesheets > 0) issues.push({
+    code: "unreadable-stylesheets",
     severity: "info",
     message: `${unreadableStylesheets} cross-origin stylesheet(s) could not be read, so their font files cannot be matched to faces`
   });
   if (scanned < elements.length) issues.push({
+    code: "elements-capped",
     severity: "info",
     message: `Only the first ${MAX_ELEMENTS} elements were scanned for text; some faces may be reported as unused`
   });
diff --git a/dist/webperf-loading/CSS-Media-Queries-Analysis.js b/dist/webperf-loading/CSS-Media-Queries-Analysis.js
index 5c800a71..1855ca3f 100644
--- a/dist/webperf-loading/CSS-Media-Queries-Analysis.js
+++ b/dist/webperf-loading/CSS-Media-Queries-Analysis.js
@@ -123,19 +123,23 @@ async function analyzeCSSMediaQueries(minWidth = 768) {
   const uniquenessRatio = rules.length ? Math.round(queries.length / rules.length * 1000) / 1000 : 0;
   const issues = [];
   if (rules.length === 0) issues.push({
+    code: "no-wide-rules",
     severity: "info",
     message: `No @media rules for viewports wider than ${minWidth}px`
   }); else {
     issues.push({
+      code: "wide-rules",
       severity: totalBytes > WARNING_BYTES ? "warning" : "info",
       message: `${rules.length} @media rules for viewports wider than ${minWidth}px add ${formatBytes(totalBytes)} of CSS that narrower screens download and parse without using. Move them to a stylesheet with a media attribute, such as <link rel="stylesheet" href="wide.css" media="(min-width: ${minWidth + 1}px)">, which narrower screens fetch at low priority without blocking rendering`
     });
     if (rules.length >= 20 && uniquenessRatio < 0.1) issues.push({
+      code: "repeated-queries",
       severity: "info",
       message: `${queries.length} distinct queries repeat across ${rules.length} @media blocks, the pattern of component-scoped or compiled CSS. Grouping the rules of each query under one block shortens the stylesheets`
     });
   }
   if (corsBlockedCount > 0) issues.push({
+    code: "unreadable-stylesheets",
     severity: "info",
     message: `${corsBlockedCount} cross-origin stylesheet(s) could not be read, so their @media rules are not counted`
   });
diff --git a/dist/webperf-loading/Content-Visibility.js b/dist/webperf-loading/Content-Visibility.js
index dca5f3c8..f3375db9 100644
--- a/dist/webperf-loading/Content-Visibility.js
+++ b/dist/webperf-loading/Content-Visibility.js
@@ -172,9 +172,12 @@ window.analyzeContentVisibilityOpportunities = analyzeContentVisibilityOpportuni
       type: "hidden"
     })) ],
     issues: [ ...cvResults.autoElements.filter(el => el.containIntrinsicSize === "not set" || el.containIntrinsicSize === "none").map(el => ({
+      code: "missing-intrinsic-size",
       severity: "warning",
-      message: `${el.selector}: missing contain-intrinsic-size (CLS risk)`
+      message: `${el.selector}: missing contain-intrinsic-size (CLS risk)`,
+      target: el.selector
     })), ...cvResults.autoElements.length + cvResults.hiddenElements.length === 0 ? [ {
+      code: "not-used",
       severity: "info",
       message: "No content-visibility usage found. Consider content-visibility: auto on below-the-fold sections to reduce the initial render cost."
     } ] : [] ]
diff --git a/dist/webperf-loading/Critical-CSS-Detection.js b/dist/webperf-loading/Critical-CSS-Detection.js
index 4814a1ec..2fef0a8e 100644
--- a/dist/webperf-loading/Critical-CSS-Detection.js
+++ b/dist/webperf-loading/Critical-CSS-Detection.js
@@ -70,29 +70,34 @@
   }
   const issues = [];
   if (renderBlockingCSS.length > 0 && inlineStyles.length === 0) issues.push({
+    code: "no-inline-critical-css",
     severity: "high",
     message: "No critical CSS inlined: all CSS loads via render-blocking requests",
     suggestion: "Extract above-the-fold styles into a <style> tag in <head> and defer the rest"
   });
   if (totalRenderBlockingDecoded > criticalBudget) issues.push({
+    code: "render-blocking-over-budget",
     severity: "high",
     message: `Render-blocking CSS (${formatBytes(totalRenderBlockingDecoded)}) exceeds the 14 KB critical budget`,
     suggestion: "Inline critical CSS and defer non-critical stylesheets using the media/onload pattern"
   });
   const largeUnpreloaded = renderBlockingCSS.filter(s => !s.preloaded && s.transferSize > 10 * 1024);
   if (largeUnpreloaded.length > 0) issues.push({
+    code: "large-not-preloaded",
     severity: "medium",
     message: `${largeUnpreloaded.length} large render-blocking stylesheet(s) without preload`,
     details: largeUnpreloaded.map(s => `• ${s.filename} (${formatBytes(s.transferSize)})`),
     suggestion: 'Add <link rel="preload" as="style" href="..."> to start download earlier'
   });
   if (totalInlineBytes > criticalBudget) issues.push({
+    code: "inline-over-budget",
     severity: "high",
     message: `Inline CSS (${formatBytes(totalInlineBytes)}) exceeds the 14 KB critical budget`,
     suggestion: "Keep inline critical CSS under 14 KB. Move non-critical styles to an external deferred file."
   });
   const bodyInlineStyles = inlineStyles.filter(s => !s.inHead);
   if (bodyInlineStyles.length > 0) issues.push({
+    code: "styles-in-body",
     severity: "medium",
     message: `${bodyInlineStyles.length} inline style block(s) found in <body>`,
     suggestion: "Move critical styles to <head> to avoid potential render-blocking reflows"
@@ -128,6 +133,7 @@
       corsBlocked: s.corsBlocked
     })),
     issues: issues.map(i => ({
+      code: i.code,
       severity: i.severity === "high" ? "error" : "warning",
       message: i.message
     }))
diff --git a/dist/webperf-loading/Find-Above-The-Fold-Lazy-Loaded-Images.js b/dist/webperf-loading/Find-Above-The-Fold-Lazy-Loaded-Images.js
index 23b83724..d74578f0 100644
--- a/dist/webperf-loading/Find-Above-The-Fold-Lazy-Loaded-Images.js
+++ b/dist/webperf-loading/Find-Above-The-Fold-Lazy-Loaded-Images.js
@@ -149,9 +149,11 @@
       isLcpCandidate: image.isLcpCandidate
     })),
     issues: [ ...results.summary.lcpAffected ? [ {
+      code: "lcp-lazy",
       severity: "error",
       message: 'LCP candidate image has lazy loading: remove loading="lazy" and add fetchpriority="high"'
     } ] : [], ...results.lazyImages.filter(i => !i.isLcpCandidate).length > 0 ? [ {
+      code: "lazy-above-fold",
       severity: "warning",
       message: `${results.lazyImages.filter(i => !i.isLcpCandidate).length} above-fold image(s) have lazy loading: remove loading="lazy"`
     } ] : [] ]
diff --git a/dist/webperf-loading/Find-Images-With-Lazy-and-Fetchpriority.js b/dist/webperf-loading/Find-Images-With-Lazy-and-Fetchpriority.js
index 11b6aab3..c1955f4f 100644
--- a/dist/webperf-loading/Find-Images-With-Lazy-and-Fetchpriority.js
+++ b/dist/webperf-loading/Find-Images-With-Lazy-and-Fetchpriority.js
@@ -68,6 +68,7 @@
       };
     }),
     issues: conflictingElements.length > 0 ? [ {
+      code: "lazy-and-high-priority",
       severity: "error",
       message: `${conflictingElements.length} element(s) have conflicting loading="lazy" and fetchpriority="high"`
     } ] : []
diff --git a/dist/webperf-loading/Find-non-Lazy-Loaded-Images-outside-of-the-viewport.js b/dist/webperf-loading/Find-non-Lazy-Loaded-Images-outside-of-the-viewport.js
index 329ddf14..315edc5e 100644
--- a/dist/webperf-loading/Find-non-Lazy-Loaded-Images-outside-of-the-viewport.js
+++ b/dist/webperf-loading/Find-non-Lazy-Loaded-Images-outside-of-the-viewport.js
@@ -173,6 +173,7 @@
       container: img.container
     })) ],
     issues: totalImages > 0 ? [ {
+      code: "eager-off-viewport",
       severity: "warning",
       message: `${totalImages} image(s) outside the viewport are missing loading="lazy"`
     } ] : []
diff --git a/dist/webperf-loading/Find-render-blocking-resources.js b/dist/webperf-loading/Find-render-blocking-resources.js
index 7cf96f61..e1744cdb 100644
--- a/dist/webperf-loading/Find-render-blocking-resources.js
+++ b/dist/webperf-loading/Find-render-blocking-resources.js
@@ -74,6 +74,7 @@
       sizeBytes: r.size
     })),
     issues: blockingResources.length > 0 ? [ {
+      code: "render-blocking",
       severity: "error",
       message: `${blockingResources.length} render-blocking resource(s) delay rendering until ${Math.round(lastBlockingEnd)}ms`
     } ] : []
diff --git a/dist/webperf-loading/Fonts-Preloaded-Loaded-and-used-above-the-fold.js b/dist/webperf-loading/Fonts-Preloaded-Loaded-and-used-above-the-fold.js
index 41d3871f..1673066b 100644
--- a/dist/webperf-loading/Fonts-Preloaded-Loaded-and-used-above-the-fold.js
+++ b/dist/webperf-loading/Fonts-Preloaded-Loaded-and-used-above-the-fold.js
@@ -158,14 +158,20 @@
       elements: f.elements
     })),
     issues: [ ...preloadedNotUsed.map(f => ({
+      code: "preloaded-unused",
       severity: "warning",
-      message: `Preloaded but not used above fold: ${f.name}`
+      message: `Preloaded but not used above fold: ${f.name}`,
+      target: f.name
     })), ...usedNotPreloaded.map(f => ({
+      code: "used-not-preloaded",
       severity: "warning",
-      message: `Used above fold but not preloaded: ${f.family} (${f.weight})`
+      message: `Used above fold but not preloaded: ${f.family} (${f.weight})`,
+      target: `${f.family} (${f.weight})`
     })), ...preloadedFonts.filter(f => !f.crossorigin).map(f => ({
+      code: "preload-no-crossorigin",
       severity: "error",
-      message: `Font preloaded without crossorigin (double fetch): ${f.name}`
+      message: `Font preloaded without crossorigin (double fetch): ${f.name}`,
+      target: f.name
     })) ]
   };
 })();
diff --git a/dist/webperf-loading/Inline-CSS-Info-and-Size.js b/dist/webperf-loading/Inline-CSS-Info-and-Size.js
index df32584d..ca40f132 100644
--- a/dist/webperf-loading/Inline-CSS-Info-and-Size.js
+++ b/dist/webperf-loading/Inline-CSS-Info-and-Size.js
@@ -78,11 +78,13 @@
   });
   const issues = [];
   if (totalSize > criticalBudget) issues.push({
+    code: "over-budget",
     type: "size",
     message: `Total inline CSS (${formatBytes(totalSize)}) exceeds 14 KB critical budget`,
     suggestion: "Move non-critical styles to external stylesheet"
   });
   if (duplicates.length > 0) issues.push({
+    code: "duplicate-blocks",
     type: "duplicate",
     message: `Found ${duplicates.length} duplicated style block(s)`,
     details: duplicates.map(d => `Tags #${d.join(", #")} have identical content`),
@@ -90,6 +92,7 @@
   });
   const largeBlocks = styles.filter(s => s.size > 5 * 1024);
   if (largeBlocks.length > 0) issues.push({
+    code: "large-blocks",
     type: "large",
     message: `${largeBlocks.length} style block(s) over 5 KB`,
     details: largeBlocks.map(s => `Tag #${s.index}: ${formatBytes(s.size)}`),
@@ -97,6 +100,7 @@
   });
   const bodyStyles = styles.filter(s => !s.inHead);
   if (bodyStyles.length > 0) issues.push({
+    code: "styles-in-body",
     type: "location",
     message: `${bodyStyles.length} style block(s) in <body>`,
     details: bodyStyles.map(s => `Tag #${s.index}`),
@@ -129,6 +133,7 @@
       hasKeyframes: s.hasKeyframes
     })),
     issues: issues.map(i => ({
+      code: i.code,
       severity: "warning",
       message: i.message
     }))
diff --git a/dist/webperf-loading/Webfont-Usage-Analyzer.js b/dist/webperf-loading/Webfont-Usage-Analyzer.js
index d47da73a..6256e29a 100644
--- a/dist/webperf-loading/Webfont-Usage-Analyzer.js
+++ b/dist/webperf-loading/Webfont-Usage-Analyzer.js
@@ -191,44 +191,62 @@
     return unique.length > 8 ? `${shown} and ${unique.length - 8} more` : shown;
   };
   const issues = [ ...failed.map(f => ({
+    code: "load-failed",
     severity: "error",
-    message: `Font failed to load: ${label(f)}`
+    message: `Font failed to load: ${label(f)}`,
+    target: f.url || label(f)
   })), ...[ ...new Map(loadedUnused.map(f => [ `${label(f)}|${f.url}`, f ])).values() ].map(f => {
     const bytes = wastedBytes(f) ? `, ${kb(wastedBytes(f))} downloaded for nothing` : "";
-    return {
+    const target = f.url || label(f);
+    return f._redeclared ? {
+      code: "redeclared",
+      severity: "warning",
+      message: `Loaded but declared again later with the same descriptors, so the page renders with the other file: ${label(f)}${f.url ? ` from ${f.url}` : ""}${bytes}`,
+      target: target
+    } : {
+      code: "loaded-unused",
       severity: "warning",
-      message: f._redeclared ? `Loaded but declared again later with the same descriptors, so the page renders with the other file: ${label(f)}${f.url ? ` from ${f.url}` : ""}${bytes}` : `Loaded but not used by any rendered element: ${label(f)}${bytes}`
+      message: `Loaded but not used by any rendered element: ${label(f)}${bytes}`,
+      target: target
     };
   }) ];
   if (blockingDisplay.length > 0) issues.push({
+    code: "blocking-font-display",
     severity: "warning",
     message: `font-display is auto or block on ${uniqueLabels(blockingDisplay).length} face(s), so text can stay invisible while they load. Use swap or optional: ${names(blockingDisplay)}`
   });
   if (totalFontBytes > BYTES_WARNING) issues.push({
+    code: "heavy-fonts",
     severity: "warning",
     message: `Web fonts weigh ${kb(totalFontBytes)} in total (over ${kb(BYTES_WARNING)}). Subset, use WOFF2 or drop unused weights`
   });
   if (neverLoadedWhole.length > 0) issues.push({
+    code: "never-loaded",
     severity: "info",
     message: `Declared but never loaded (${uniqueLabels(neverLoadedWhole).length}); nothing on this page needed them: ${names(neverLoadedWhole)}`
   });
   if (shadowed.length > 0) issues.push({
+    code: "shadowed",
     severity: "info",
     message: `Declared more than once with the same descriptors; the page uses a later declaration, so these never loaded (${uniqueLabels(shadowed).length}): ${names(shadowed)}`
   });
   if (neverLoadedSubsets.length > 0) issues.push({
+    code: "unused-subsets",
     severity: "info",
     message: `unicode-range subsets this page did not need (${uniqueLabels(neverLoadedSubsets).length}), which is the intended behavior of a split font: ${names(neverLoadedSubsets)}`
   });
   if (!bytesReadable) issues.push({
+    code: "size-unknown",
     severity: "info",
     message: "Some font files are cross-origin without Timing-Allow-Origin, so their size reads as 0 and the byte totals are a lower bound"
   });
   if (unreadableStylesheets > 0) issues.push({
+    code: "unreadable-stylesheets",
     severity: "info",
     message: `${unreadableStylesheets} cross-origin stylesheet(s) could not be read, so their font files cannot be matched to faces`
   });
   if (scanned < elements.length) issues.push({
+    code: "elements-capped",
     severity: "info",
     message: `Only the first ${MAX_ELEMENTS} elements were scanned for text; some faces may be reported as unused`
   });
diff --git a/public/llms-full.txt b/public/llms-full.txt
index d6419cb7..2ddb28fe 100644
--- a/public/llms-full.txt
+++ b/public/llms-full.txt
@@ -2398,21 +2398,23 @@ async function analyzeCSSMediaQueries(minWidth = 768) {
 
   const issues = [];
   if (rules.length === 0) {
-    issues.push({ severity: "info", message: `No @media rules for viewports wider than ${minWidth}px` });
+    issues.push({ code: "no-wide-rules", severity: "info", message: `No @media rules for viewports wider than ${minWidth}px` });
   } else {
     issues.push({
+      code: "wide-rules",
       severity: totalBytes > WARNING_BYTES ? "warning" : "info",
       message: `${rules.length} @media rules for viewports wider than ${minWidth}px add ${formatBytes(totalBytes)} of CSS that narrower screens download and parse without using. Move them to a stylesheet with a media attribute, such as <link rel="stylesheet" href="wide.css" media="(min-width: ${minWidth + 1}px)">, which narrower screens fetch at low priority without blocking rendering`,
     });
     if (rules.length >= 20 && uniquenessRatio < 0.1) {
       issues.push({
+        code: "repeated-queries",
         severity: "info",
         message: `${queries.length} distinct queries repeat across ${rules.length} @media blocks, the pattern of component-scoped or compiled CSS. Grouping the rules of each query under one block shortens the stylesheets`,
       });
     }
   }
   if (corsBlockedCount > 0) {
-    issues.push({ severity: "info", message: `${corsBlockedCount} cross-origin stylesheet(s) could not be read, so their @media rules are not counted` });
+    issues.push({ code: "unreadable-stylesheets", severity: "info", message: `${corsBlockedCount} cross-origin stylesheet(s) could not be read, so their @media rules are not counted` });
   }
 
   // --- Console output --------------------------------------------------------------------
@@ -4314,9 +4316,9 @@ window.analyzeContentVisibilityOpportunities = analyzeContentVisibilityOpportuni
     issues: [
       ...cvResults.autoElements
         .filter(el => el.containIntrinsicSize === "not set" || el.containIntrinsicSize === "none")
-        .map(el => ({ severity: "warning", message: `${el.selector}: missing contain-intrinsic-size (CLS risk)` })),
+        .map(el => ({ code: "missing-intrinsic-size", severity: "warning", message: `${el.selector}: missing contain-intrinsic-size (CLS risk)`, target: el.selector })),
       ...(cvResults.autoElements.length + cvResults.hiddenElements.length === 0
-        ? [{ severity: "info", message: "No content-visibility usage found. Consider content-visibility: auto on below-the-fold sections to reduce the initial render cost." }]
+        ? [{ code: "not-used", severity: "info", message: "No content-visibility usage found. Consider content-visibility: auto on below-the-fold sections to reduce the initial render cost." }]
         : []),
     ],
   };
@@ -4554,6 +4556,7 @@ Analyzes the CSS loading strategy of a page, identifying render-blocking stylesh
 
   if (renderBlockingCSS.length > 0 && inlineStyles.length === 0) {
     issues.push({
+      code: "no-inline-critical-css",
       severity: "high",
       message: "No critical CSS inlined: all CSS loads via render-blocking requests",
       suggestion:
@@ -4563,6 +4566,7 @@ Analyzes the CSS loading strategy of a page, identifying render-blocking stylesh
 
   if (totalRenderBlockingDecoded > criticalBudget) {
     issues.push({
+      code: "render-blocking-over-budget",
       severity: "high",
       message: `Render-blocking CSS (${formatBytes(totalRenderBlockingDecoded)}) exceeds the 14 KB critical budget`,
       suggestion:
@@ -4575,6 +4579,7 @@ Analyzes the CSS loading strategy of a page, identifying render-blocking stylesh
   );
   if (largeUnpreloaded.length > 0) {
     issues.push({
+      code: "large-not-preloaded",
       severity: "medium",
       message: `${largeUnpreloaded.length} large render-blocking stylesheet(s) without preload`,
       details: largeUnpreloaded.map(
@@ -4586,6 +4591,7 @@ Analyzes the CSS loading strategy of a page, identifying render-blocking stylesh
 
   if (totalInlineBytes > criticalBudget) {
     issues.push({
+      code: "inline-over-budget",
       severity: "high",
       message: `Inline CSS (${formatBytes(totalInlineBytes)}) exceeds the 14 KB critical budget`,
       suggestion:
@@ -4596,6 +4602,7 @@ Analyzes the CSS loading strategy of a page, identifying render-blocking stylesh
   const bodyInlineStyles = inlineStyles.filter((s) => !s.inHead);
   if (bodyInlineStyles.length > 0) {
     issues.push({
+      code: "styles-in-body",
       severity: "medium",
       message: `${bodyInlineStyles.length} inline style block(s) found in <body>`,
       suggestion:
@@ -4665,6 +4672,7 @@ Analyzes the CSS loading strategy of a page, identifying render-blocking stylesh
       corsBlocked: s.corsBlocked,
     })),
     issues: issues.map(i => ({
+      code: i.code,
       severity: i.severity === 'high' ? 'error' : 'warning',
       message: i.message,
     })),
@@ -5329,8 +5337,8 @@ Detect images with lazy loading that are incorrectly placed above the fold (in t
       isLcpCandidate: image.isLcpCandidate,
     })),
     issues: [
-      ...(results.summary.lcpAffected ? [{ severity: "error", message: 'LCP candidate image has lazy loading: remove loading="lazy" and add fetchpriority="high"' }] : []),
-      ...(results.lazyImages.filter(i => !i.isLcpCandidate).length > 0 ? [{ severity: "warning", message: `${results.lazyImages.filter(i => !i.isLcpCandidate).length} above-fold image(s) have lazy loading: remove loading="lazy"` }] : []),
+      ...(results.summary.lcpAffected ? [{ code: "lcp-lazy", severity: "error", message: 'LCP candidate image has lazy loading: remove loading="lazy" and add fetchpriority="high"' }] : []),
+      ...(results.lazyImages.filter(i => !i.isLcpCandidate).length > 0 ? [{ code: "lazy-above-fold", severity: "warning", message: `${results.lazyImages.filter(i => !i.isLcpCandidate).length} above-fold image(s) have lazy loading: remove loading="lazy"` }] : []),
     ],
   };
 })();
@@ -5495,7 +5503,7 @@ Detects images that have both loading="lazy" and fetchpriority="high" - a contra
       };
     }),
     issues: conflictingElements.length > 0
-      ? [{ severity: "error", message: `${conflictingElements.length} element(s) have conflicting loading="lazy" and fetchpriority="high"` }]
+      ? [{ code: "lazy-and-high-priority", severity: "error", message: `${conflictingElements.length} element(s) have conflicting loading="lazy" and fetchpriority="high"` }]
       : [],
   };
 })();
@@ -5815,7 +5823,7 @@ Identifies images that are loaded eagerly but not visible in the initial viewpor
       })),
     ],
     issues: totalImages > 0
-      ? [{ severity: "warning", message: `${totalImages} image(s) outside the viewport are missing loading="lazy"` }]
+      ? [{ code: "eager-off-viewport", severity: "warning", message: `${totalImages} image(s) outside the viewport are missing loading="lazy"` }]
       : [],
   };
 })();
@@ -5992,7 +6000,7 @@ Identifies resources that block the browser from rendering the page. These resou
       sizeBytes: r.size,
     })),
     issues: blockingResources.length > 0
-      ? [{ severity: "error", message: `${blockingResources.length} render-blocking resource(s) delay rendering until ${Math.round(lastBlockingEnd)}ms` }]
+      ? [{ code: "render-blocking", severity: "error", message: `${blockingResources.length} render-blocking resource(s) delay rendering until ${Math.round(lastBlockingEnd)}ms` }]
       : [],
   };
 })();
@@ -7082,9 +7090,9 @@ Analyzes font loading strategy by comparing preloaded fonts, loaded fonts, and f
     items: uniqueLoadedFonts.slice(0, 50).map(f => ({ family: f.family, weight: f.weight, style: f.style, display: f.display })),
     usedFonts: usedFonts.slice(0, 50).map(f => ({ family: f.family, weight: f.weight, style: f.style, elements: f.elements })),
     issues: [
-      ...preloadedNotUsed.map(f => ({ severity: "warning", message: `Preloaded but not used above fold: ${f.name}` })),
-      ...usedNotPreloaded.map(f => ({ severity: "warning", message: `Used above fold but not preloaded: ${f.family} (${f.weight})` })),
-      ...preloadedFonts.filter(f => !f.crossorigin).map(f => ({ severity: "error", message: `Font preloaded without crossorigin (double fetch): ${f.name}` })),
+      ...preloadedNotUsed.map(f => ({ code: "preloaded-unused", severity: "warning", message: `Preloaded but not used above fold: ${f.name}`, target: f.name })),
+      ...usedNotPreloaded.map(f => ({ code: "used-not-preloaded", severity: "warning", message: `Used above fold but not preloaded: ${f.family} (${f.weight})`, target: `${f.family} (${f.weight})` })),
+      ...preloadedFonts.filter(f => !f.crossorigin).map(f => ({ code: "preload-no-crossorigin", severity: "error", message: `Font preloaded without crossorigin (double fetch): ${f.name}`, target: f.name })),
     ],
   };
 })();
@@ -7253,6 +7261,7 @@ Analyzes all inline <style> tags on the page, measuring their size and identifyi
 
   if (totalSize > criticalBudget) {
     issues.push({
+      code: "over-budget",
       type: "size",
       message: `Total inline CSS (${formatBytes(totalSize)}) exceeds 14 KB critical budget`,
       suggestion: "Move non-critical styles to external stylesheet",
@@ -7261,6 +7270,7 @@ Analyzes all inline <style> tags on the page, measuring their size and identifyi
 
   if (duplicates.length > 0) {
     issues.push({
+      code: "duplicate-blocks",
       type: "duplicate",
       message: `Found ${duplicates.length} duplicated style block(s)`,
       details: duplicates.map((d) => `Tags #${d.join(", #")} have identical content`),
@@ -7271,6 +7281,7 @@ Analyzes all inline <style> tags on the page, measuring their size and identifyi
   const largeBlocks = styles.filter((s) => s.size > 5 * 1024);
   if (largeBlocks.length > 0) {
     issues.push({
+      code: "large-blocks",
       type: "large",
       message: `${largeBlocks.length} style block(s) over 5 KB`,
       details: largeBlocks.map((s) => `Tag #${s.index}: ${formatBytes(s.size)}`),
@@ -7281,6 +7292,7 @@ Analyzes all inline <style> tags on the page, measuring their size and identifyi
   const bodyStyles = styles.filter((s) => !s.inHead);
   if (bodyStyles.length > 0) {
     issues.push({
+      code: "styles-in-body",
       type: "location",
       message: `${bodyStyles.length} style block(s) in <body>`,
       details: bodyStyles.map((s) => `Tag #${s.index}`),
@@ -7338,7 +7350,7 @@ Analyzes all inline <style> tags on the page, measuring their size and identifyi
       bodyStyleBlocks: styles.filter(s => !s.inHead).length,
     },
     items: styles.map(s => ({ index: s.index, sizeBytes: s.size, parent: s.parent, inHead: s.inHead, ruleCount: s.ruleCount, hasMediaQueries: s.hasMediaQueries, hasKeyframes: s.hasKeyframes })),
-    issues: issues.map(i => ({ severity: "warning", message: i.message })),
+    issues: issues.map(i => ({ code: i.code, severity: "warning", message: i.message })),
   };
 })();
 ```
@@ -12882,43 +12894,42 @@ Cross-checks every font face the page knows about against the text that renders,
   };
 
   const issues = [
-    ...failed.map((f) => ({ severity: "error", message: `Font failed to load: ${label(f)}` })),
+    ...failed.map((f) => ({ code: "load-failed", severity: "error", message: `Font failed to load: ${label(f)}`, target: f.url || label(f) })),
     ...[...new Map(loadedUnused.map((f) => [`${label(f)}|${f.url}`, f])).values()].map((f) => {
       const bytes = wastedBytes(f) ? `, ${kb(wastedBytes(f))} downloaded for nothing` : "";
-      return {
-        severity: "warning",
-        message: f._redeclared
-          ? `Loaded but declared again later with the same descriptors, so the page renders with the other file: ${label(f)}${f.url ? ` from ${f.url}` : ""}${bytes}`
-          : `Loaded but not used by any rendered element: ${label(f)}${bytes}`,
-      };
+      const target = f.url || label(f);
+      return f._redeclared
+        ? { code: "redeclared", severity: "warning", message: `Loaded but declared again later with the same descriptors, so the page renders with the other file: ${label(f)}${f.url ? ` from ${f.url}` : ""}${bytes}`, target }
+        : { code: "loaded-unused", severity: "warning", message: `Loaded but not used by any rendered element: ${label(f)}${bytes}`, target };
     }),
   ];
   if (blockingDisplay.length > 0) {
     issues.push({
+      code: "blocking-font-display",
       severity: "warning",
       message: `font-display is auto or block on ${uniqueLabels(blockingDisplay).length} face(s), so text can stay invisible while they load. Use swap or optional: ${names(blockingDisplay)}`,
     });
   }
   if (totalFontBytes > BYTES_WARNING) {
-    issues.push({ severity: "warning", message: `Web fonts weigh ${kb(totalFontBytes)} in total (over ${kb(BYTES_WARNING)}). Subset, use WOFF2 or drop unused weights` });
+    issues.push({ code: "heavy-fonts", severity: "warning", message: `Web fonts weigh ${kb(totalFontBytes)} in total (over ${kb(BYTES_WARNING)}). Subset, use WOFF2 or drop unused weights` });
   }
   if (neverLoadedWhole.length > 0) {
-    issues.push({ severity: "info", message: `Declared but never loaded (${uniqueLabels(neverLoadedWhole).length}); nothing on this page needed them: ${names(neverLoadedWhole)}` });
+    issues.push({ code: "never-loaded", severity: "info", message: `Declared but never loaded (${uniqueLabels(neverLoadedWhole).length}); nothing on this page needed them: ${names(neverLoadedWhole)}` });
   }
   if (shadowed.length > 0) {
-    issues.push({ severity: "info", message: `Declared more than once with the same descriptors; the page uses a later declaration, so these never loaded (${uniqueLabels(shadowed).length}): ${names(shadowed)}` });
+    issues.push({ code: "shadowed", severity: "info", message: `Declared more than once with the same descriptors; the page uses a later declaration, so these never loaded (${uniqueLabels(shadowed).length}): ${names(shadowed)}` });
   }
   if (neverLoadedSubsets.length > 0) {
-    issues.push({ severity: "info", message: `unicode-range subsets this page did not need (${uniqueLabels(neverLoadedSubsets).length}), which is the intended behavior of a split font: ${names(neverLoadedSubsets)}` });
+    issues.push({ code: "unused-subsets", severity: "info", message: `unicode-range subsets this page did not need (${uniqueLabels(neverLoadedSubsets).length}), which is the intended behavior of a split font: ${names(neverLoadedSubsets)}` });
   }
   if (!bytesReadable) {
-    issues.push({ severity: "info", message: "Some font files are cross-origin without Timing-Allow-Origin, so their size reads as 0 and the byte totals are a lower bound" });
+    issues.push({ code: "size-unknown", severity: "info", message: "Some font files are cross-origin without Timing-Allow-Origin, so their size reads as 0 and the byte totals are a lower bound" });
   }
   if (unreadableStylesheets > 0) {
-    issues.push({ severity: "info", message: `${unreadableStylesheets} cross-origin stylesheet(s) could not be read, so their font files cannot be matched to faces` });
+    issues.push({ code: "unreadable-stylesheets", severity: "info", message: `${unreadableStylesheets} cross-origin stylesheet(s) could not be read, so their font files cannot be matched to faces` });
   }
   if (scanned < elements.length) {
-    issues.push({ severity: "info", message: `Only the first ${MAX_ELEMENTS} elements were scanned for text; some faces may be reported as unused` });
+    issues.push({ code: "elements-capped", severity: "info", message: `Only the first ${MAX_ELEMENTS} elements were scanned for text; some faces may be reported as unused` });
   }
 
   // --- One row per face and file --------------------------------------------------------
diff --git a/skills/webperf-core-web-vitals/references/schema.md b/skills/webperf-core-web-vitals/references/schema.md
index 975142c7..f53498ff 100644
--- a/skills/webperf-core-web-vitals/references/schema.md
+++ b/skills/webperf-core-web-vitals/references/schema.md
@@ -1232,6 +1232,94 @@ An issue about one thing among several, one issue per thing, also names it in `t
 | `could-defer` | info | Blocking scripts other than the last three of `<body>`, which could try `defer` |
 | `unknown-size` | info | Scripts whose size is hidden by a missing `Timing-Allow-Origin`, so the total is a lower bound |
 
+### CSS-Media-Queries-Analysis
+
+| Code | Severity | When |
+|------|----------|------|
+| `no-wide-rules` | info | No `@media` rules for viewports wider than the breakpoint (768 px by default) |
+| `wide-rules` | info or warning | `@media` rules for wider viewports that narrower screens download without using, a warning above 50 KB |
+| `repeated-queries` | info | Few distinct queries repeated across many `@media` blocks |
+| `unreadable-stylesheets` | info | Cross-origin stylesheets whose rules cannot be read |
+
+### Content-Visibility
+
+| Code | Severity | When |
+|------|----------|------|
+| `missing-intrinsic-size` | warning | An element with `content-visibility: auto` and no `contain-intrinsic-size`; `target` is its selector |
+| `not-used` | info | No `content-visibility` on the page |
+
+### Critical-CSS-Detection
+
+| Code | Severity | When |
+|------|----------|------|
+| `no-inline-critical-css` | error | Render-blocking stylesheets and no inline critical CSS |
+| `render-blocking-over-budget` | error | Render-blocking CSS above the 14 KB critical budget |
+| `large-not-preloaded` | warning | Render-blocking stylesheets above 10 KB without preload |
+| `inline-over-budget` | error | Inline CSS above the 14 KB critical budget |
+| `styles-in-body` | warning | Inline style blocks in `<body>` |
+
+### Find-Above-The-Fold-Lazy-Loaded-Images
+
+| Code | Severity | When |
+|------|----------|------|
+| `lcp-lazy` | error | The LCP candidate image has `loading="lazy"` |
+| `lazy-above-fold` | warning | Other images above the fold with `loading="lazy"` |
+
+### Find-Images-With-Lazy-and-Fetchpriority
+
+| Code | Severity | When |
+|------|----------|------|
+| `lazy-and-high-priority` | error | Elements with both `loading="lazy"` and `fetchpriority="high"` |
+
+### Find-non-Lazy-Loaded-Images-outside-of-the-viewport
+
+| Code | Severity | When |
+|------|----------|------|
+| `eager-off-viewport` | warning | Images outside the viewport without `loading="lazy"` |
+
+### Find-render-blocking-resources
+
+| Code | Severity | When |
+|------|----------|------|
+| `render-blocking` | error | Resources that block rendering |
+
+### Fonts-Preloaded-Loaded-and-used-above-the-fold
+
+Each issue names its font in `target`.
+
+| Code | Severity | When |
+|------|----------|------|
+| `preloaded-unused` | warning | A preloaded font that the content above the fold does not use |
+| `used-not-preloaded` | warning | A font used above the fold without preload |
+| `preload-no-crossorigin` | error | A font preload without `crossorigin`, which fetches the font twice |
+
+### Inline-CSS-Info-and-Size
+
+| Code | Severity | When |
+|------|----------|------|
+| `over-budget` | warning | Inline CSS above the 14 KB critical budget |
+| `duplicate-blocks` | warning | Style blocks with identical content |
+| `large-blocks` | warning | Style blocks above 5 KB |
+| `styles-in-body` | warning | Style blocks in `<body>` |
+
+### Webfont-Usage-Analyzer
+
+`load-failed`, `loaded-unused` and `redeclared` name the font file by its URL in `target`, or the face when it has none.
+
+| Code | Severity | When |
+|------|----------|------|
+| `load-failed` | error | A font that failed to load |
+| `loaded-unused` | warning | A loaded font that no rendered element uses |
+| `redeclared` | warning | A loaded font declared again later with the same descriptors, so the page uses the other file |
+| `blocking-font-display` | warning | Faces with `font-display` `auto` or `block`, which can keep text invisible |
+| `heavy-fonts` | warning | Web fonts above 300 KB in total |
+| `never-loaded` | info | Faces declared and never loaded |
+| `shadowed` | info | Faces declared more than once, whose earlier declarations never loaded |
+| `unused-subsets` | info | `unicode-range` subsets the page did not need |
+| `size-unknown` | info | Cross-origin font files without `Timing-Allow-Origin`, so the byte totals are a lower bound |
+| `unreadable-stylesheets` | info | Cross-origin stylesheets whose font files cannot be matched to faces |
+| `elements-capped` | info | Only the first 20,000 elements were scanned for text |
+
 ### First-And-Third-Party-Script-Info
 
 | Code | Severity | When |
diff --git a/skills/webperf-interaction/references/schema.md b/skills/webperf-interaction/references/schema.md
index 975142c7..f53498ff 100644
--- a/skills/webperf-interaction/references/schema.md
+++ b/skills/webperf-interaction/references/schema.md
@@ -1232,6 +1232,94 @@ An issue about one thing among several, one issue per thing, also names it in `t
 | `could-defer` | info | Blocking scripts other than the last three of `<body>`, which could try `defer` |
 | `unknown-size` | info | Scripts whose size is hidden by a missing `Timing-Allow-Origin`, so the total is a lower bound |
 
+### CSS-Media-Queries-Analysis
+
+| Code | Severity | When |
+|------|----------|------|
+| `no-wide-rules` | info | No `@media` rules for viewports wider than the breakpoint (768 px by default) |
+| `wide-rules` | info or warning | `@media` rules for wider viewports that narrower screens download without using, a warning above 50 KB |
+| `repeated-queries` | info | Few distinct queries repeated across many `@media` blocks |
+| `unreadable-stylesheets` | info | Cross-origin stylesheets whose rules cannot be read |
+
+### Content-Visibility
+
+| Code | Severity | When |
+|------|----------|------|
+| `missing-intrinsic-size` | warning | An element with `content-visibility: auto` and no `contain-intrinsic-size`; `target` is its selector |
+| `not-used` | info | No `content-visibility` on the page |
+
+### Critical-CSS-Detection
+
+| Code | Severity | When |
+|------|----------|------|
+| `no-inline-critical-css` | error | Render-blocking stylesheets and no inline critical CSS |
+| `render-blocking-over-budget` | error | Render-blocking CSS above the 14 KB critical budget |
+| `large-not-preloaded` | warning | Render-blocking stylesheets above 10 KB without preload |
+| `inline-over-budget` | error | Inline CSS above the 14 KB critical budget |
+| `styles-in-body` | warning | Inline style blocks in `<body>` |
+
+### Find-Above-The-Fold-Lazy-Loaded-Images
+
+| Code | Severity | When |
+|------|----------|------|
+| `lcp-lazy` | error | The LCP candidate image has `loading="lazy"` |
+| `lazy-above-fold` | warning | Other images above the fold with `loading="lazy"` |
+
+### Find-Images-With-Lazy-and-Fetchpriority
+
+| Code | Severity | When |
+|------|----------|------|
+| `lazy-and-high-priority` | error | Elements with both `loading="lazy"` and `fetchpriority="high"` |
+
+### Find-non-Lazy-Loaded-Images-outside-of-the-viewport
+
+| Code | Severity | When |
+|------|----------|------|
+| `eager-off-viewport` | warning | Images outside the viewport without `loading="lazy"` |
+
+### Find-render-blocking-resources
+
+| Code | Severity | When |
+|------|----------|------|
+| `render-blocking` | error | Resources that block rendering |
+
+### Fonts-Preloaded-Loaded-and-used-above-the-fold
+
+Each issue names its font in `target`.
+
+| Code | Severity | When |
+|------|----------|------|
+| `preloaded-unused` | warning | A preloaded font that the content above the fold does not use |
+| `used-not-preloaded` | warning | A font used above the fold without preload |
+| `preload-no-crossorigin` | error | A font preload without `crossorigin`, which fetches the font twice |
+
+### Inline-CSS-Info-and-Size
+
+| Code | Severity | When |
+|------|----------|------|
+| `over-budget` | warning | Inline CSS above the 14 KB critical budget |
+| `duplicate-blocks` | warning | Style blocks with identical content |
+| `large-blocks` | warning | Style blocks above 5 KB |
+| `styles-in-body` | warning | Style blocks in `<body>` |
+
+### Webfont-Usage-Analyzer
+
+`load-failed`, `loaded-unused` and `redeclared` name the font file by its URL in `target`, or the face when it has none.
+
+| Code | Severity | When |
+|------|----------|------|
+| `load-failed` | error | A font that failed to load |
+| `loaded-unused` | warning | A loaded font that no rendered element uses |
+| `redeclared` | warning | A loaded font declared again later with the same descriptors, so the page uses the other file |
+| `blocking-font-display` | warning | Faces with `font-display` `auto` or `block`, which can keep text invisible |
+| `heavy-fonts` | warning | Web fonts above 300 KB in total |
+| `never-loaded` | info | Faces declared and never loaded |
+| `shadowed` | info | Faces declared more than once, whose earlier declarations never loaded |
+| `unused-subsets` | info | `unicode-range` subsets the page did not need |
+| `size-unknown` | info | Cross-origin font files without `Timing-Allow-Origin`, so the byte totals are a lower bound |
+| `unreadable-stylesheets` | info | Cross-origin stylesheets whose font files cannot be matched to faces |
+| `elements-capped` | info | Only the first 20,000 elements were scanned for text |
+
 ### First-And-Third-Party-Script-Info
 
 | Code | Severity | When |
diff --git a/skills/webperf-loading/references/schema.md b/skills/webperf-loading/references/schema.md
index 975142c7..f53498ff 100644
--- a/skills/webperf-loading/references/schema.md
+++ b/skills/webperf-loading/references/schema.md
@@ -1232,6 +1232,94 @@ An issue about one thing among several, one issue per thing, also names it in `t
 | `could-defer` | info | Blocking scripts other than the last three of `<body>`, which could try `defer` |
 | `unknown-size` | info | Scripts whose size is hidden by a missing `Timing-Allow-Origin`, so the total is a lower bound |
 
+### CSS-Media-Queries-Analysis
+
+| Code | Severity | When |
+|------|----------|------|
+| `no-wide-rules` | info | No `@media` rules for viewports wider than the breakpoint (768 px by default) |
+| `wide-rules` | info or warning | `@media` rules for wider viewports that narrower screens download without using, a warning above 50 KB |
+| `repeated-queries` | info | Few distinct queries repeated across many `@media` blocks |
+| `unreadable-stylesheets` | info | Cross-origin stylesheets whose rules cannot be read |
+
+### Content-Visibility
+
+| Code | Severity | When |
+|------|----------|------|
+| `missing-intrinsic-size` | warning | An element with `content-visibility: auto` and no `contain-intrinsic-size`; `target` is its selector |
+| `not-used` | info | No `content-visibility` on the page |
+
+### Critical-CSS-Detection
+
+| Code | Severity | When |
+|------|----------|------|
+| `no-inline-critical-css` | error | Render-blocking stylesheets and no inline critical CSS |
+| `render-blocking-over-budget` | error | Render-blocking CSS above the 14 KB critical budget |
+| `large-not-preloaded` | warning | Render-blocking stylesheets above 10 KB without preload |
+| `inline-over-budget` | error | Inline CSS above the 14 KB critical budget |
+| `styles-in-body` | warning | Inline style blocks in `<body>` |
+
+### Find-Above-The-Fold-Lazy-Loaded-Images
+
+| Code | Severity | When |
+|------|----------|------|
+| `lcp-lazy` | error | The LCP candidate image has `loading="lazy"` |
+| `lazy-above-fold` | warning | Other images above the fold with `loading="lazy"` |
+
+### Find-Images-With-Lazy-and-Fetchpriority
+
+| Code | Severity | When |
+|------|----------|------|
+| `lazy-and-high-priority` | error | Elements with both `loading="lazy"` and `fetchpriority="high"` |
+
+### Find-non-Lazy-Loaded-Images-outside-of-the-viewport
+
+| Code | Severity | When |
+|------|----------|------|
+| `eager-off-viewport` | warning | Images outside the viewport without `loading="lazy"` |
+
+### Find-render-blocking-resources
+
+| Code | Severity | When |
+|------|----------|------|
+| `render-blocking` | error | Resources that block rendering |
+
+### Fonts-Preloaded-Loaded-and-used-above-the-fold
+
+Each issue names its font in `target`.
+
+| Code | Severity | When |
+|------|----------|------|
+| `preloaded-unused` | warning | A preloaded font that the content above the fold does not use |
+| `used-not-preloaded` | warning | A font used above the fold without preload |
+| `preload-no-crossorigin` | error | A font preload without `crossorigin`, which fetches the font twice |
+
+### Inline-CSS-Info-and-Size
+
+| Code | Severity | When |
+|------|----------|------|
+| `over-budget` | warning | Inline CSS above the 14 KB critical budget |
+| `duplicate-blocks` | warning | Style blocks with identical content |
+| `large-blocks` | warning | Style blocks above 5 KB |
+| `styles-in-body` | warning | Style blocks in `<body>` |
+
+### Webfont-Usage-Analyzer
+
+`load-failed`, `loaded-unused` and `redeclared` name the font file by its URL in `target`, or the face when it has none.
+
+| Code | Severity | When |
+|------|----------|------|
+| `load-failed` | error | A font that failed to load |
+| `loaded-unused` | warning | A loaded font that no rendered element uses |
+| `redeclared` | warning | A loaded font declared again later with the same descriptors, so the page uses the other file |
+| `blocking-font-display` | warning | Faces with `font-display` `auto` or `block`, which can keep text invisible |
+| `heavy-fonts` | warning | Web fonts above 300 KB in total |
+| `never-loaded` | info | Faces declared and never loaded |
+| `shadowed` | info | Faces declared more than once, whose earlier declarations never loaded |
+| `unused-subsets` | info | `unicode-range` subsets the page did not need |
+| `size-unknown` | info | Cross-origin font files without `Timing-Allow-Origin`, so the byte totals are a lower bound |
+| `unreadable-stylesheets` | info | Cross-origin stylesheets whose font files cannot be matched to faces |
+| `elements-capped` | info | Only the first 20,000 elements were scanned for text |
+
 ### First-And-Third-Party-Script-Info
 
 | Code | Severity | When |
diff --git a/skills/webperf-loading/scripts/CSS-Media-Queries-Analysis.js b/skills/webperf-loading/scripts/CSS-Media-Queries-Analysis.js
index 458bf8a9..e7e35c67 100644
--- a/skills/webperf-loading/scripts/CSS-Media-Queries-Analysis.js
+++ b/skills/webperf-loading/scripts/CSS-Media-Queries-Analysis.js
@@ -1,2 +1,2 @@
-// snippets/Loading/CSS-Media-Queries-Analysis.js | sha256:69decca9b5432236 | https://github.com/nucliweb/webperf-snippets/blob/main/snippets/Loading/CSS-Media-Queries-Analysis.js
-async function analyzeCSSMediaQueries(e=768){function s(e){try{const s=new URL(e,location.href);return/^https?:$/.test(s.protocol)?(s.hash="webperf-snippets",s.href):e}catch{return e}}const t=[...document.styleSheets],r=[];let n=0;function o(e){const s=e.match(/\.-?[_a-zA-Z][\w-]*/g)||[],t=e.match(/[a-z-]+\s*:/g)||[];return{classes:s.length,properties:t.length}}function i(s,t,n,i,a){var c;(function(s){if(!s)return!1;const t=s.match(/min-width:\s*(\d+)(px|em|rem)/i);if(t){const s=parseInt(t[1]),r=t[2].toLowerCase();if("px"===r&&s>e)return!0;if("em"===r&&s>e/16)return!0;if("rem"===r&&s>e/16)return!0}return!1})(n)&&r.push({source:s,inline:t,mediaQuery:n,...o(a),bytes:(c=i,new Blob([c]).size)})}function a(e,s){const t=/@media\s*([^{]+)\{((?:[^{}]|\{[^{}]*\})*)\}/g;let r;for(;null!==(r=t.exec(e));)i(s,!1,r[1].trim(),r[0],r[2])}for(let e=0;e<t.length;e++){const r=t[e],o=!r.href,c=r.href||`<style> tag #${e}`;try{const e=r.cssRules||r.rules;e&&[...e].forEach(e=>{if(e.type===CSSRule.MEDIA_RULE){const s=[...e.cssRules].map(e=>e.cssText).join("");i(c,o,e.media.mediaText,e.cssText,s)}})}catch{if(r.href)try{const e=await fetch(s(r.href));a(await e.text(),r.href)}catch{n++}}}const c=new Map;for(const e of r){const s=c.get(e.mediaQuery)??{mediaQuery:e.mediaQuery,rules:0,sources:new Set,classes:0,properties:0,bytes:0};s.rules++,s.sources.add(e.source),s.classes+=e.classes,s.properties+=e.properties,s.bytes+=e.bytes,c.set(e.mediaQuery,s)}const u=[...c.values()].map(({sources:e,...s})=>({mediaQuery:s.mediaQuery,rules:s.rules,files:e.size,classes:s.classes,properties:s.properties,bytes:s.bytes})).sort((e,s)=>s.bytes-e.bytes),l=new Map;for(const e of r){const s=l.get(e.source)??{source:e.source,inline:e.inline,rules:0,bytes:0};s.rules++,s.bytes+=e.bytes,l.set(e.source,s)}const h=[...l.values()],d=r.reduce((e,s)=>e+s.bytes,0),p=r.length?Math.round(u.length/r.length*1e3)/1e3:0,f=[];return 0===r.length?f.push({severity:"info",message:`No @media rules for viewports wider than ${e}px`}):(f.push({severity:d>51200?"warning":"info",message:`${r.length} @media rules for viewports wider than ${e}px add ${function(e){if(null==e||Number.isNaN(e))return"-";if(0===e)return"0 B";const s=["B","KB","MB","GB"],t=Math.max(0,Math.min(Math.floor(Math.log(e)/Math.log(1024)),s.length-1));return(e/Math.pow(1024,t)).toFixed(1)+" "+s[t]}(d)} of CSS that narrower screens download and parse without using. Move them to a stylesheet with a media attribute, such as <link rel="stylesheet" href="wide.css" media="(min-width: ${e+1}px)">, which narrower screens fetch at low priority without blocking rendering`}),r.length>=20&&p<.1&&f.push({severity:"info",message:`${u.length} distinct queries repeat across ${r.length} @media blocks, the pattern of component-scoped or compiled CSS. Grouping the rules of each query under one block shortens the stylesheets`})),n>0&&f.push({severity:"info",message:`${n} cross-origin stylesheet(s) could not be read, so their @media rules are not counted`}),f.forEach(e=>{}),{script:"CSS-Media-Queries-Analysis",status:"ok",count:u.length,details:{minWidth:e,rules:r.length,totalUnique:u.length,uniquenessRatio:p,classes:r.reduce((e,s)=>e+s.classes,0),properties:r.reduce((e,s)=>e+s.properties,0),bytes:d,bySource:h.slice(0,50),corsBlockedCount:n},items:u.slice(0,50),issues:f}}analyzeCSSMediaQueries();
\ No newline at end of file
+// snippets/Loading/CSS-Media-Queries-Analysis.js | sha256:0b5fe535e72f38fc | https://github.com/nucliweb/webperf-snippets/blob/main/snippets/Loading/CSS-Media-Queries-Analysis.js
+async function analyzeCSSMediaQueries(e=768){function s(e){try{const s=new URL(e,location.href);return/^https?:$/.test(s.protocol)?(s.hash="webperf-snippets",s.href):e}catch{return e}}const t=[...document.styleSheets],r=[];let n=0;function o(e){const s=e.match(/\.-?[_a-zA-Z][\w-]*/g)||[],t=e.match(/[a-z-]+\s*:/g)||[];return{classes:s.length,properties:t.length}}function i(s,t,n,i,a){var c;(function(s){if(!s)return!1;const t=s.match(/min-width:\s*(\d+)(px|em|rem)/i);if(t){const s=parseInt(t[1]),r=t[2].toLowerCase();if("px"===r&&s>e)return!0;if("em"===r&&s>e/16)return!0;if("rem"===r&&s>e/16)return!0}return!1})(n)&&r.push({source:s,inline:t,mediaQuery:n,...o(a),bytes:(c=i,new Blob([c]).size)})}function a(e,s){const t=/@media\s*([^{]+)\{((?:[^{}]|\{[^{}]*\})*)\}/g;let r;for(;null!==(r=t.exec(e));)i(s,!1,r[1].trim(),r[0],r[2])}for(let e=0;e<t.length;e++){const r=t[e],o=!r.href,c=r.href||`<style> tag #${e}`;try{const e=r.cssRules||r.rules;e&&[...e].forEach(e=>{if(e.type===CSSRule.MEDIA_RULE){const s=[...e.cssRules].map(e=>e.cssText).join("");i(c,o,e.media.mediaText,e.cssText,s)}})}catch{if(r.href)try{const e=await fetch(s(r.href));a(await e.text(),r.href)}catch{n++}}}const c=new Map;for(const e of r){const s=c.get(e.mediaQuery)??{mediaQuery:e.mediaQuery,rules:0,sources:new Set,classes:0,properties:0,bytes:0};s.rules++,s.sources.add(e.source),s.classes+=e.classes,s.properties+=e.properties,s.bytes+=e.bytes,c.set(e.mediaQuery,s)}const u=[...c.values()].map(({sources:e,...s})=>({mediaQuery:s.mediaQuery,rules:s.rules,files:e.size,classes:s.classes,properties:s.properties,bytes:s.bytes})).sort((e,s)=>s.bytes-e.bytes),l=new Map;for(const e of r){const s=l.get(e.source)??{source:e.source,inline:e.inline,rules:0,bytes:0};s.rules++,s.bytes+=e.bytes,l.set(e.source,s)}const h=[...l.values()],d=r.reduce((e,s)=>e+s.bytes,0),p=r.length?Math.round(u.length/r.length*1e3)/1e3:0,f=[];return 0===r.length?f.push({code:"no-wide-rules",severity:"info",message:`No @media rules for viewports wider than ${e}px`}):(f.push({code:"wide-rules",severity:d>51200?"warning":"info",message:`${r.length} @media rules for viewports wider than ${e}px add ${function(e){if(null==e||Number.isNaN(e))return"-";if(0===e)return"0 B";const s=["B","KB","MB","GB"],t=Math.max(0,Math.min(Math.floor(Math.log(e)/Math.log(1024)),s.length-1));return(e/Math.pow(1024,t)).toFixed(1)+" "+s[t]}(d)} of CSS that narrower screens download and parse without using. Move them to a stylesheet with a media attribute, such as <link rel="stylesheet" href="wide.css" media="(min-width: ${e+1}px)">, which narrower screens fetch at low priority without blocking rendering`}),r.length>=20&&p<.1&&f.push({code:"repeated-queries",severity:"info",message:`${u.length} distinct queries repeat across ${r.length} @media blocks, the pattern of component-scoped or compiled CSS. Grouping the rules of each query under one block shortens the stylesheets`})),n>0&&f.push({code:"unreadable-stylesheets",severity:"info",message:`${n} cross-origin stylesheet(s) could not be read, so their @media rules are not counted`}),f.forEach(e=>{}),{script:"CSS-Media-Queries-Analysis",status:"ok",count:u.length,details:{minWidth:e,rules:r.length,totalUnique:u.length,uniquenessRatio:p,classes:r.reduce((e,s)=>e+s.classes,0),properties:r.reduce((e,s)=>e+s.properties,0),bytes:d,bySource:h.slice(0,50),corsBlockedCount:n},items:u.slice(0,50),issues:f}}analyzeCSSMediaQueries();
\ No newline at end of file
diff --git a/skills/webperf-loading/scripts/Content-Visibility.js b/skills/webperf-loading/scripts/Content-Visibility.js
index 1bd48fa8..67f7940d 100644
--- a/skills/webperf-loading/scripts/Content-Visibility.js
+++ b/skills/webperf-loading/scripts/Content-Visibility.js
@@ -1,2 +1,2 @@
-// snippets/Loading/Content-Visibility.js | sha256:5c928b4610848da7 | https://github.com/nucliweb/webperf-snippets/blob/main/snippets/Loading/Content-Visibility.js
-function detectContentVisibility(){const t={autoElements:[],hiddenElements:[],visibleElements:[],nodeArray:[]};function e(t){const e=t.nodeName;return 1===t.nodeType?e.toLowerCase():e.toUpperCase().replace(/^#/,"")}function n(t){let n="";try{for(;t&&9!==t.nodeType;){const i=t,s=i.id?"#"+i.id:e(i)+(i.classList&&i.classList.value&&i.classList.value.trim()&&i.classList.value.trim().length?"."+i.classList.value.trim().replace(/\s+/g,"."):"");if(n.length+s.length>99)return n||s;if(n=n?s+">"+n:s,i.id)break;t=i.parentNode}}catch{}return n}function i(t){const e=t.getBoundingClientRect();return e.top<window.innerHeight&&e.bottom>0&&e.left<window.innerWidth&&e.right>0}return function e(s){const o=window.getComputedStyle(s)["content-visibility"];if(o&&"visible"!==o){const e=function(t){const e=t.getBoundingClientRect(),s=window.getComputedStyle(t);return{selector:n(t),contentVisibility:s["content-visibility"],containIntrinsicSize:s["contain-intrinsic-size"]||"not set",width:Math.round(e.width),height:Math.round(e.height),top:Math.round(e.top+window.scrollY),inViewport:i(t)}}(s);"auto"===o?(t.autoElements.push(e),t.nodeArray.push(s)):"hidden"===o&&t.hiddenElements.push(e)}for(let t=0;t<s.children.length;t++)e(s.children[t])}(document.body),0===t.autoElements.length&&0===t.hiddenElements.length||(t.autoElements.filter(t=>"not set"===t.containIntrinsicSize||"none"===t.containIntrinsicSize),t.nodeArray.forEach((t,e)=>{})),t}function analyzeContentVisibilityOpportunities(t={}){const{threshold:e=0,minHeight:n=100,minChildren:i=5}=t,s=window.innerHeight,o=[],l=new Set;function r(t){let e="";try{for(;t&&9!==t.nodeType;){const n=t,i=n.nodeName.toLowerCase(),s=n.id?"#"+n.id:i+(n.classList&&n.classList.value&&n.classList.value.trim()?"."+n.classList.value.trim().split(/\s+/).slice(0,2).join("."):"");if(e.length+s.length>80)return e||s;if(e=e?s+">"+e:s,n.id)break;t=n.parentNode}}catch{}return e}function c(t){const e=.2*t;return e<5?"Low (~"+e.toFixed(1)+"ms)":e<20?"Medium (~"+e.toFixed(1)+"ms)":"High (~"+e.toFixed(1)+"ms)"}function a(t){if(l.has(t)||function(t){let e=t.parentElement;for(;e;){if(l.has(e))return!0;e=e.parentElement}return!1}(t))return;const a=t.getBoundingClientRect(),d=window.getComputedStyle(t);if(d["content-visibility"]&&"visible"!==d["content-visibility"])return;if(a.height<n||0===a.width)return;const h=a.top-s;if(h<e)return;const u=t.querySelectorAll("*").length;u<i||(l.add(t),o.push({selector:r(t),height:Math.round(a.height)+"px",distanceFromViewport:Math.round(h)+"px",childElements:u,estimatedSavings:c(u),element:t}))}const d=document.createTreeWalker(document.body,NodeFilter.SHOW_ELEMENT,null,!1);for(;d.nextNode();)a(d.currentNode);return o.sort((t,e)=>e.childElements-t.childElements),0===o.length||(o.slice(0,20).map(t=>({selector:t.selector,height:t.height,distanceFromViewport:t.distanceFromViewport,childElements:t.childElements,estimatedSavings:t.estimatedSavings})),o.slice(0,10).forEach((t,e)=>{})),{opportunities:o.map(t=>({selector:t.selector,height:t.height,distanceFromViewport:t.distanceFromViewport,childElements:t.childElements,estimatedSavings:t.estimatedSavings})),totalElements:o.length,highImpact:o.filter(t=>t.estimatedSavings.startsWith("High")).length,elements:o.map(t=>t.element)}}window.analyzeContentVisibilityOpportunities=analyzeContentVisibilityOpportunities,(()=>{const t=detectContentVisibility();return{script:"Content-Visibility",status:"ok",count:t.autoElements.length+t.hiddenElements.length,details:{autoCount:t.autoElements.length,hiddenCount:t.hiddenElements.length},items:[...t.autoElements.map(t=>({...t,type:"auto"})),...t.hiddenElements.map(t=>({...t,type:"hidden"}))],issues:[...t.autoElements.filter(t=>"not set"===t.containIntrinsicSize||"none"===t.containIntrinsicSize).map(t=>({severity:"warning",message:`${t.selector}: missing contain-intrinsic-size (CLS risk)`})),...t.autoElements.length+t.hiddenElements.length===0?[{severity:"info",message:"No content-visibility usage found. Consider content-visibility: auto on below-the-fold sections to reduce the initial render cost."}]:[]]}})();
\ No newline at end of file
+// snippets/Loading/Content-Visibility.js | sha256:d27a70bf806fe510 | https://github.com/nucliweb/webperf-snippets/blob/main/snippets/Loading/Content-Visibility.js
+function detectContentVisibility(){const t={autoElements:[],hiddenElements:[],visibleElements:[],nodeArray:[]};function e(t){const e=t.nodeName;return 1===t.nodeType?e.toLowerCase():e.toUpperCase().replace(/^#/,"")}function n(t){let n="";try{for(;t&&9!==t.nodeType;){const i=t,s=i.id?"#"+i.id:e(i)+(i.classList&&i.classList.value&&i.classList.value.trim()&&i.classList.value.trim().length?"."+i.classList.value.trim().replace(/\s+/g,"."):"");if(n.length+s.length>99)return n||s;if(n=n?s+">"+n:s,i.id)break;t=i.parentNode}}catch{}return n}function i(t){const e=t.getBoundingClientRect();return e.top<window.innerHeight&&e.bottom>0&&e.left<window.innerWidth&&e.right>0}return function e(s){const o=window.getComputedStyle(s)["content-visibility"];if(o&&"visible"!==o){const e=function(t){const e=t.getBoundingClientRect(),s=window.getComputedStyle(t);return{selector:n(t),contentVisibility:s["content-visibility"],containIntrinsicSize:s["contain-intrinsic-size"]||"not set",width:Math.round(e.width),height:Math.round(e.height),top:Math.round(e.top+window.scrollY),inViewport:i(t)}}(s);"auto"===o?(t.autoElements.push(e),t.nodeArray.push(s)):"hidden"===o&&t.hiddenElements.push(e)}for(let t=0;t<s.children.length;t++)e(s.children[t])}(document.body),0===t.autoElements.length&&0===t.hiddenElements.length||(t.autoElements.filter(t=>"not set"===t.containIntrinsicSize||"none"===t.containIntrinsicSize),t.nodeArray.forEach((t,e)=>{})),t}function analyzeContentVisibilityOpportunities(t={}){const{threshold:e=0,minHeight:n=100,minChildren:i=5}=t,s=window.innerHeight,o=[],l=new Set;function r(t){let e="";try{for(;t&&9!==t.nodeType;){const n=t,i=n.nodeName.toLowerCase(),s=n.id?"#"+n.id:i+(n.classList&&n.classList.value&&n.classList.value.trim()?"."+n.classList.value.trim().split(/\s+/).slice(0,2).join("."):"");if(e.length+s.length>80)return e||s;if(e=e?s+">"+e:s,n.id)break;t=n.parentNode}}catch{}return e}function c(t){const e=.2*t;return e<5?"Low (~"+e.toFixed(1)+"ms)":e<20?"Medium (~"+e.toFixed(1)+"ms)":"High (~"+e.toFixed(1)+"ms)"}function a(t){if(l.has(t)||function(t){let e=t.parentElement;for(;e;){if(l.has(e))return!0;e=e.parentElement}return!1}(t))return;const a=t.getBoundingClientRect(),d=window.getComputedStyle(t);if(d["content-visibility"]&&"visible"!==d["content-visibility"])return;if(a.height<n||0===a.width)return;const h=a.top-s;if(h<e)return;const u=t.querySelectorAll("*").length;u<i||(l.add(t),o.push({selector:r(t),height:Math.round(a.height)+"px",distanceFromViewport:Math.round(h)+"px",childElements:u,estimatedSavings:c(u),element:t}))}const d=document.createTreeWalker(document.body,NodeFilter.SHOW_ELEMENT,null,!1);for(;d.nextNode();)a(d.currentNode);return o.sort((t,e)=>e.childElements-t.childElements),0===o.length||(o.slice(0,20).map(t=>({selector:t.selector,height:t.height,distanceFromViewport:t.distanceFromViewport,childElements:t.childElements,estimatedSavings:t.estimatedSavings})),o.slice(0,10).forEach((t,e)=>{})),{opportunities:o.map(t=>({selector:t.selector,height:t.height,distanceFromViewport:t.distanceFromViewport,childElements:t.childElements,estimatedSavings:t.estimatedSavings})),totalElements:o.length,highImpact:o.filter(t=>t.estimatedSavings.startsWith("High")).length,elements:o.map(t=>t.element)}}window.analyzeContentVisibilityOpportunities=analyzeContentVisibilityOpportunities,(()=>{const t=detectContentVisibility();return{script:"Content-Visibility",status:"ok",count:t.autoElements.length+t.hiddenElements.length,details:{autoCount:t.autoElements.length,hiddenCount:t.hiddenElements.length},items:[...t.autoElements.map(t=>({...t,type:"auto"})),...t.hiddenElements.map(t=>({...t,type:"hidden"}))],issues:[...t.autoElements.filter(t=>"not set"===t.containIntrinsicSize||"none"===t.containIntrinsicSize).map(t=>({code:"missing-intrinsic-size",severity:"warning",message:`${t.selector}: missing contain-intrinsic-size (CLS risk)`,target:t.selector})),...t.autoElements.length+t.hiddenElements.length===0?[{code:"not-used",severity:"info",message:"No content-visibility usage found. Consider content-visibility: auto on below-the-fold sections to reduce the initial render cost."}]:[]]}})();
\ No newline at end of file
diff --git a/skills/webperf-loading/scripts/Critical-CSS-Detection.js b/skills/webperf-loading/scripts/Critical-CSS-Detection.js
index ea9dfb02..8403f2fd 100644
--- a/skills/webperf-loading/scripts/Critical-CSS-Detection.js
+++ b/skills/webperf-loading/scripts/Critical-CSS-Detection.js
@@ -1,2 +1,2 @@
-// snippets/Loading/Critical-CSS-Detection.js | sha256:02c1a8edc362c602 | https://github.com/nucliweb/webperf-snippets/blob/main/snippets/Loading/Critical-CSS-Detection.js
-(()=>{function e(e){if(null==e||Number.isNaN(e))return"-";if(0===e)return"0 B";const t=["B","KB","MB","GB"],n=Math.max(0,Math.min(Math.floor(Math.log(e)/Math.log(1024)),t.length-1));return(e/Math.pow(1024,n)).toFixed(1)+" "+t[n]}const t=14336,n=Array.from(document.querySelectorAll('link[rel="stylesheet"]')),r=performance.getEntriesByType("resource").filter(e=>!e.name.endsWith("#webperf-snippets")),i=n.map(e=>{const t=e.href,n=e.getAttribute("media")||"all",i=r.find(e=>e.name===t);let s;s=i&&void 0!==i.renderBlockingStatus?"blocking"===i.renderBlockingStatus:"all"===n||""===n||"screen"===n||n.toLowerCase().includes("screen")&&!n.toLowerCase().includes("print");const l=i?i.transferSize:0,o=i?i.decodedBodySize:0,a=document.querySelector(`link[rel="preload"][as="style"][href="${t}"]`);let d=0,c=!1;try{const e=Array.from(document.styleSheets).find(e=>e.href===t);e&&e.cssRules&&(d=e.cssRules.length)}catch{c=!0}return{filename:t.split("/").pop().split("?")[0]||t,href:t,media:n,isRenderBlocking:s,transferSize:l,decodedSize:o,ruleCount:d,corsBlocked:c,preloaded:null!==a}}),s=Array.from(document.querySelectorAll("style")).map((e,t)=>{const n=e.innerHTML;return{index:t+1,size:new Blob([n]).size,ruleCount:(n.match(/\{[^}]*\}/g)||[]).length,inHead:null!==e.closest("head")}}),l=i.filter(e=>e.isRenderBlocking),o=i.filter(e=>!e.isRenderBlocking),a=s.reduce((e,t)=>e+t.size,0),d=l.reduce((e,t)=>e+t.decodedSize,0),c=i.reduce((e,t)=>e+t.transferSize,0);if(l.length>0){const e=Math.min(d/t*100,200),n=Math.min(Math.round(e/10),20);"█".repeat(n),"░".repeat(20-n)}s.length>0&&(a/t*100).toFixed(0);const g=[];l.length>0&&0===s.length&&g.push({severity:"high",message:"No critical CSS inlined: all CSS loads via render-blocking requests",suggestion:"Extract above-the-fold styles into a <style> tag in <head> and defer the rest"}),d>t&&g.push({severity:"high",message:`Render-blocking CSS (${e(d)}) exceeds the 14 KB critical budget`,suggestion:"Inline critical CSS and defer non-critical stylesheets using the media/onload pattern"});const u=l.filter(e=>!e.preloaded&&e.transferSize>10240);u.length>0&&g.push({severity:"medium",message:`${u.length} large render-blocking stylesheet(s) without preload`,details:u.map(t=>`• ${t.filename} (${e(t.transferSize)})`),suggestion:'Add <link rel="preload" as="style" href="..."> to start download earlier'}),a>t&&g.push({severity:"high",message:`Inline CSS (${e(a)}) exceeds the 14 KB critical budget`,suggestion:"Keep inline critical CSS under 14 KB. Move non-critical styles to an external deferred file."});const h=s.filter(e=>!e.inHead);return h.length>0&&g.push({severity:"medium",message:`${h.length} inline style block(s) found in <body>`,suggestion:"Move critical styles to <head> to avoid potential render-blocking reflows"}),g.length>0&&g.forEach(e=>{e.details&&e.details.forEach(e=>{})}),{script:"Critical-CSS-Detection",status:"ok",count:i.length,details:{renderBlockingCount:l.length,nonBlockingCount:o.length,inlineCount:s.length,totalExternalTransferBytes:c,renderBlockingDecodedBytes:d,inlineBytes:a,criticalBudgetBytes:t},items:i.map(e=>({filename:e.filename,media:e.media,isRenderBlocking:e.isRenderBlocking,transferBytes:e.transferSize,decodedBytes:e.decodedSize,ruleCount:e.ruleCount,preloaded:e.preloaded,corsBlocked:e.corsBlocked})),issues:g.map(e=>({severity:"high"===e.severity?"error":"warning",message:e.message}))}})();
\ No newline at end of file
+// snippets/Loading/Critical-CSS-Detection.js | sha256:7ebdc7a792f8d7a3 | https://github.com/nucliweb/webperf-snippets/blob/main/snippets/Loading/Critical-CSS-Detection.js
+(()=>{function e(e){if(null==e||Number.isNaN(e))return"-";if(0===e)return"0 B";const t=["B","KB","MB","GB"],n=Math.max(0,Math.min(Math.floor(Math.log(e)/Math.log(1024)),t.length-1));return(e/Math.pow(1024,n)).toFixed(1)+" "+t[n]}const t=14336,n=Array.from(document.querySelectorAll('link[rel="stylesheet"]')),r=performance.getEntriesByType("resource").filter(e=>!e.name.endsWith("#webperf-snippets")),i=n.map(e=>{const t=e.href,n=e.getAttribute("media")||"all",i=r.find(e=>e.name===t);let l;l=i&&void 0!==i.renderBlockingStatus?"blocking"===i.renderBlockingStatus:"all"===n||""===n||"screen"===n||n.toLowerCase().includes("screen")&&!n.toLowerCase().includes("print");const s=i?i.transferSize:0,o=i?i.decodedBodySize:0,d=document.querySelector(`link[rel="preload"][as="style"][href="${t}"]`);let a=0,c=!1;try{const e=Array.from(document.styleSheets).find(e=>e.href===t);e&&e.cssRules&&(a=e.cssRules.length)}catch{c=!0}return{filename:t.split("/").pop().split("?")[0]||t,href:t,media:n,isRenderBlocking:l,transferSize:s,decodedSize:o,ruleCount:a,corsBlocked:c,preloaded:null!==d}}),l=Array.from(document.querySelectorAll("style")).map((e,t)=>{const n=e.innerHTML;return{index:t+1,size:new Blob([n]).size,ruleCount:(n.match(/\{[^}]*\}/g)||[]).length,inHead:null!==e.closest("head")}}),s=i.filter(e=>e.isRenderBlocking),o=i.filter(e=>!e.isRenderBlocking),d=l.reduce((e,t)=>e+t.size,0),a=s.reduce((e,t)=>e+t.decodedSize,0),c=i.reduce((e,t)=>e+t.transferSize,0);if(s.length>0){const e=Math.min(a/t*100,200),n=Math.min(Math.round(e/10),20);"█".repeat(n),"░".repeat(20-n)}l.length>0&&(d/t*100).toFixed(0);const g=[];s.length>0&&0===l.length&&g.push({code:"no-inline-critical-css",severity:"high",message:"No critical CSS inlined: all CSS loads via render-blocking requests",suggestion:"Extract above-the-fold styles into a <style> tag in <head> and defer the rest"}),a>t&&g.push({code:"render-blocking-over-budget",severity:"high",message:`Render-blocking CSS (${e(a)}) exceeds the 14 KB critical budget`,suggestion:"Inline critical CSS and defer non-critical stylesheets using the media/onload pattern"});const u=s.filter(e=>!e.preloaded&&e.transferSize>10240);u.length>0&&g.push({code:"large-not-preloaded",severity:"medium",message:`${u.length} large render-blocking stylesheet(s) without preload`,details:u.map(t=>`• ${t.filename} (${e(t.transferSize)})`),suggestion:'Add <link rel="preload" as="style" href="..."> to start download earlier'}),d>t&&g.push({code:"inline-over-budget",severity:"high",message:`Inline CSS (${e(d)}) exceeds the 14 KB critical budget`,suggestion:"Keep inline critical CSS under 14 KB. Move non-critical styles to an external deferred file."});const h=l.filter(e=>!e.inHead);return h.length>0&&g.push({code:"styles-in-body",severity:"medium",message:`${h.length} inline style block(s) found in <body>`,suggestion:"Move critical styles to <head> to avoid potential render-blocking reflows"}),g.length>0&&g.forEach(e=>{e.details&&e.details.forEach(e=>{})}),{script:"Critical-CSS-Detection",status:"ok",count:i.length,details:{renderBlockingCount:s.length,nonBlockingCount:o.length,inlineCount:l.length,totalExternalTransferBytes:c,renderBlockingDecodedBytes:a,inlineBytes:d,criticalBudgetBytes:t},items:i.map(e=>({filename:e.filename,media:e.media,isRenderBlocking:e.isRenderBlocking,transferBytes:e.transferSize,decodedBytes:e.decodedSize,ruleCount:e.ruleCount,preloaded:e.preloaded,corsBlocked:e.corsBlocked})),issues:g.map(e=>({code:e.code,severity:"high"===e.severity?"error":"warning",message:e.message}))}})();
\ No newline at end of file
diff --git a/skills/webperf-loading/scripts/Find-Above-The-Fold-Lazy-Loaded-Images.js b/skills/webperf-loading/scripts/Find-Above-The-Fold-Lazy-Loaded-Images.js
index 9ce958e4..b9c47a35 100644
--- a/skills/webperf-loading/scripts/Find-Above-The-Fold-Lazy-Loaded-Images.js
+++ b/skills/webperf-loading/scripts/Find-Above-The-Fold-Lazy-Loaded-Images.js
@@ -1,2 +1,2 @@
-// snippets/Loading/Find-Above-The-Fold-Lazy-Loaded-Images.js | sha256:7a8b0269e574b2b5 | https://github.com/nucliweb/webperf-snippets/blob/main/snippets/Loading/Find-Above-The-Fold-Lazy-Loaded-Images.js
-(function(){function t(t){let e="";try{for(;t&&9!==t.nodeType;){const i=t,a=i.nodeName.toLowerCase(),n=i.id?"#"+i.id:a+(i.classList&&i.classList.value&&i.classList.value.trim()?"."+i.classList.value.trim().split(/\s+/).slice(0,2).join("."):"");if(e.length+n.length>80)return e||n;if(e=e?n+">"+e:n,i.id)break;t=i.parentNode}}catch{}return e}function e(t){const e=t.getBoundingClientRect();return e.top<window.innerHeight&&e.bottom>0&&e.left<window.innerWidth&&e.right>0&&e.width>0&&e.height>0}function i(t){const e=t.getBoundingClientRect(),i=[e.top,window.innerHeight-e.bottom,e.left,window.innerWidth-e.right];return Math.min(...i.map(t=>Math.abs(t)))}function a(t){if(!t)return null;try{const e=performance.getEntriesByType("resource").filter(t=>!function(t){return t.name.endsWith("#webperf-snippets")}(t)),i=e.find(e=>e.name===t||e.name.includes(t.split("/").pop()));if(i&&i.transferSize)return(i.transferSize/1024).toFixed(1)+" KB"}catch{}return null}function n(t){const e="lazy"===t.getAttribute("loading"),i=t.hasAttribute("data-src")||t.hasAttribute("data-lazy");return e&&i?"both":e?"loading-lazy":i?"data-src":null}const r={lazyImages:[],lcpCandidate:null,nodeArray:[],summary:{total:0,withLoadingLazy:0,withDataSrc:0,lcpAffected:!1}},s='[loading="lazy"], [data-src], [data-lazy]',o=document.querySelectorAll(`img${s}, picture source${s}`),l=Array.from(document.querySelectorAll("img")).filter(t=>e(t)&&t.getBoundingClientRect().width>0);let c=null,d=0;return l.forEach(t=>{const e=t.getBoundingClientRect(),i=e.width*e.height;i>d&&(d=i,c=t)}),o.forEach(s=>{const o="SOURCE"===s.tagName?s.closest("picture")?.querySelector("img"):s;if(!o||!e(o))return;const l=function(e){const r=e.getBoundingClientRect(),s=r.width*r.height;return{selector:t(e),lazyType:n(e),dimensions:`${Math.round(r.width)}×${Math.round(r.height)}`,position:{top:Math.round(r.top+window.scrollY),left:Math.round(r.left+window.scrollX)},distanceFromEdge:Math.round(i(e))+"px",src:e.currentSrc||e.src||e.getAttribute("data-src")||"",srcset:e.srcset||null,sizes:e.sizes||null,alt:e.alt||"(no alt)",fetchPriority:e.fetchPriority||"auto",fileSize:a(e.currentSrc||e.src),area:s,element:e}}(o);l.isLcpCandidate=o===c,r.lazyImages.push(l),r.nodeArray.push(o),r.summary.total++,"loading-lazy"!==l.lazyType&&"both"!==l.lazyType||r.summary.withLoadingLazy++,"data-src"!==l.lazyType&&"both"!==l.lazyType||r.summary.withDataSrc++,l.isLcpCandidate&&(r.summary.lcpAffected=!0,r.lcpCandidate=l)}),0===r.lazyImages.length||(r.lazyImages.map(t=>({selector:t.selector,lazyType:t.lazyType,dimensions:t.dimensions,top:t.position.top+"px",distanceFromEdge:t.distanceFromEdge,src:t.src,srcset:t.srcset,sizes:t.sizes,alt:t.alt,fetchPriority:t.fetchPriority,fileSize:t.fileSize,isLcpCandidate:t.isLcpCandidate?"⚠️ YES":"no"})),r.nodeArray.forEach((t,e)=>{})),{script:"Find-Above-The-Fold-Lazy-Loaded-Images",status:"ok",count:r.lazyImages.length,details:{total:r.summary.total,withLoadingLazy:r.summary.withLoadingLazy,withDataSrc:r.summary.withDataSrc,lcpAffected:r.summary.lcpAffected},items:r.lazyImages.map(t=>({selector:t.selector,lazyType:t.lazyType,dimensions:t.dimensions,position:`${t.position.top}px, ${t.position.left}px`,distanceFromEdge:t.distanceFromEdge,src:t.src,srcset:t.srcset,sizes:t.sizes,alt:t.alt,fetchPriority:t.fetchPriority,fileSize:t.fileSize,isLcpCandidate:t.isLcpCandidate})),issues:[...r.summary.lcpAffected?[{severity:"error",message:'LCP candidate image has lazy loading: remove loading="lazy" and add fetchpriority="high"'}]:[],...r.lazyImages.filter(t=>!t.isLcpCandidate).length>0?[{severity:"warning",message:`${r.lazyImages.filter(t=>!t.isLcpCandidate).length} above-fold image(s) have lazy loading: remove loading="lazy"`}]:[]]}})();
\ No newline at end of file
+// snippets/Loading/Find-Above-The-Fold-Lazy-Loaded-Images.js | sha256:5cfa32e18ec6be59 | https://github.com/nucliweb/webperf-snippets/blob/main/snippets/Loading/Find-Above-The-Fold-Lazy-Loaded-Images.js
+(function(){function t(t){let e="";try{for(;t&&9!==t.nodeType;){const i=t,a=i.nodeName.toLowerCase(),n=i.id?"#"+i.id:a+(i.classList&&i.classList.value&&i.classList.value.trim()?"."+i.classList.value.trim().split(/\s+/).slice(0,2).join("."):"");if(e.length+n.length>80)return e||n;if(e=e?n+">"+e:n,i.id)break;t=i.parentNode}}catch{}return e}function e(t){const e=t.getBoundingClientRect();return e.top<window.innerHeight&&e.bottom>0&&e.left<window.innerWidth&&e.right>0&&e.width>0&&e.height>0}function i(t){const e=t.getBoundingClientRect(),i=[e.top,window.innerHeight-e.bottom,e.left,window.innerWidth-e.right];return Math.min(...i.map(t=>Math.abs(t)))}function a(t){if(!t)return null;try{const e=performance.getEntriesByType("resource").filter(t=>!function(t){return t.name.endsWith("#webperf-snippets")}(t)),i=e.find(e=>e.name===t||e.name.includes(t.split("/").pop()));if(i&&i.transferSize)return(i.transferSize/1024).toFixed(1)+" KB"}catch{}return null}function n(t){const e="lazy"===t.getAttribute("loading"),i=t.hasAttribute("data-src")||t.hasAttribute("data-lazy");return e&&i?"both":e?"loading-lazy":i?"data-src":null}const r={lazyImages:[],lcpCandidate:null,nodeArray:[],summary:{total:0,withLoadingLazy:0,withDataSrc:0,lcpAffected:!1}},s='[loading="lazy"], [data-src], [data-lazy]',o=document.querySelectorAll(`img${s}, picture source${s}`),l=Array.from(document.querySelectorAll("img")).filter(t=>e(t)&&t.getBoundingClientRect().width>0);let c=null,d=0;return l.forEach(t=>{const e=t.getBoundingClientRect(),i=e.width*e.height;i>d&&(d=i,c=t)}),o.forEach(s=>{const o="SOURCE"===s.tagName?s.closest("picture")?.querySelector("img"):s;if(!o||!e(o))return;const l=function(e){const r=e.getBoundingClientRect(),s=r.width*r.height;return{selector:t(e),lazyType:n(e),dimensions:`${Math.round(r.width)}×${Math.round(r.height)}`,position:{top:Math.round(r.top+window.scrollY),left:Math.round(r.left+window.scrollX)},distanceFromEdge:Math.round(i(e))+"px",src:e.currentSrc||e.src||e.getAttribute("data-src")||"",srcset:e.srcset||null,sizes:e.sizes||null,alt:e.alt||"(no alt)",fetchPriority:e.fetchPriority||"auto",fileSize:a(e.currentSrc||e.src),area:s,element:e}}(o);l.isLcpCandidate=o===c,r.lazyImages.push(l),r.nodeArray.push(o),r.summary.total++,"loading-lazy"!==l.lazyType&&"both"!==l.lazyType||r.summary.withLoadingLazy++,"data-src"!==l.lazyType&&"both"!==l.lazyType||r.summary.withDataSrc++,l.isLcpCandidate&&(r.summary.lcpAffected=!0,r.lcpCandidate=l)}),0===r.lazyImages.length||(r.lazyImages.map(t=>({selector:t.selector,lazyType:t.lazyType,dimensions:t.dimensions,top:t.position.top+"px",distanceFromEdge:t.distanceFromEdge,src:t.src,srcset:t.srcset,sizes:t.sizes,alt:t.alt,fetchPriority:t.fetchPriority,fileSize:t.fileSize,isLcpCandidate:t.isLcpCandidate?"⚠️ YES":"no"})),r.nodeArray.forEach((t,e)=>{})),{script:"Find-Above-The-Fold-Lazy-Loaded-Images",status:"ok",count:r.lazyImages.length,details:{total:r.summary.total,withLoadingLazy:r.summary.withLoadingLazy,withDataSrc:r.summary.withDataSrc,lcpAffected:r.summary.lcpAffected},items:r.lazyImages.map(t=>({selector:t.selector,lazyType:t.lazyType,dimensions:t.dimensions,position:`${t.position.top}px, ${t.position.left}px`,distanceFromEdge:t.distanceFromEdge,src:t.src,srcset:t.srcset,sizes:t.sizes,alt:t.alt,fetchPriority:t.fetchPriority,fileSize:t.fileSize,isLcpCandidate:t.isLcpCandidate})),issues:[...r.summary.lcpAffected?[{code:"lcp-lazy",severity:"error",message:'LCP candidate image has lazy loading: remove loading="lazy" and add fetchpriority="high"'}]:[],...r.lazyImages.filter(t=>!t.isLcpCandidate).length>0?[{code:"lazy-above-fold",severity:"warning",message:`${r.lazyImages.filter(t=>!t.isLcpCandidate).length} above-fold image(s) have lazy loading: remove loading="lazy"`}]:[]]}})();
\ No newline at end of file
diff --git a/skills/webperf-loading/scripts/Find-Images-With-Lazy-and-Fetchpriority.js b/skills/webperf-loading/scripts/Find-Images-With-Lazy-and-Fetchpriority.js
index f5e44d33..5ab8c8fd 100644
--- a/skills/webperf-loading/scripts/Find-Images-With-Lazy-and-Fetchpriority.js
+++ b/skills/webperf-loading/scripts/Find-Images-With-Lazy-and-Fetchpriority.js
@@ -1,2 +1,2 @@
-// snippets/Loading/Find-Images-With-Lazy-and-Fetchpriority.js | sha256:86c6c618a4781bd8 | https://github.com/nucliweb/webperf-snippets/blob/main/snippets/Loading/Find-Images-With-Lazy-and-Fetchpriority.js
-(()=>{function t(t){let e="";try{for(;t&&9!==t.nodeType;){const i=t,n=i.nodeName.toLowerCase(),r=i.id?"#"+i.id:n+(i.classList&&i.classList.value&&i.classList.value.trim()?"."+i.classList.value.trim().split(/\s+/).slice(0,2).join("."):"");if(e.length+r.length>80)return e||r;if(e=e?r+">"+e:r,i.id)break;t=i.parentNode}}catch{}return e}function e(t){const e=t.getBoundingClientRect();return e.top<window.innerHeight&&e.bottom>0&&e.left<window.innerWidth&&e.right>0&&e.width>0&&e.height>0}const i=Array.from(document.querySelectorAll("img")).filter(t=>e(t)&&t.getBoundingClientRect().width>0);let n=null,r=0;i.forEach(t=>{const e=t.getBoundingClientRect(),i=e.width*e.height;i>r&&(r=i,n=t)});const o=document.querySelectorAll("[loading=lazy][fetchpriority=high]");if(0===o.length);else{const i=Array.from(o).map(i=>{const r=i.getBoundingClientRect(),o=e(i),s=i===n;return{selector:t(i),dimensions:`${Math.round(r.width)}×${Math.round(r.height)}`,inViewport:o?"Yes":"No",isLcpCandidate:s?"⚠️ Yes":"No",src:(i.currentSrc||i.src||"").slice(-50),element:i}});i.forEach(({},t)=>{}),i.forEach(({})=>{})}return{script:"Find-Images-With-Lazy-and-Fetchpriority",status:"ok",count:o.length,items:Array.from(o).map(i=>{const r=i.getBoundingClientRect();return{selector:t(i),src:i.currentSrc||i.src||"",inViewport:e(i),isLcpCandidate:i===n,widthPx:Math.round(r.width),heightPx:Math.round(r.height)}}),issues:o.length>0?[{severity:"error",message:`${o.length} element(s) have conflicting loading="lazy" and fetchpriority="high"`}]:[]}})();
\ No newline at end of file
+// snippets/Loading/Find-Images-With-Lazy-and-Fetchpriority.js | sha256:40cad55e8fe8a65a | https://github.com/nucliweb/webperf-snippets/blob/main/snippets/Loading/Find-Images-With-Lazy-and-Fetchpriority.js
+(()=>{function t(t){let e="";try{for(;t&&9!==t.nodeType;){const i=t,n=i.nodeName.toLowerCase(),r=i.id?"#"+i.id:n+(i.classList&&i.classList.value&&i.classList.value.trim()?"."+i.classList.value.trim().split(/\s+/).slice(0,2).join("."):"");if(e.length+r.length>80)return e||r;if(e=e?r+">"+e:r,i.id)break;t=i.parentNode}}catch{}return e}function e(t){const e=t.getBoundingClientRect();return e.top<window.innerHeight&&e.bottom>0&&e.left<window.innerWidth&&e.right>0&&e.width>0&&e.height>0}const i=Array.from(document.querySelectorAll("img")).filter(t=>e(t)&&t.getBoundingClientRect().width>0);let n=null,r=0;i.forEach(t=>{const e=t.getBoundingClientRect(),i=e.width*e.height;i>r&&(r=i,n=t)});const o=document.querySelectorAll("[loading=lazy][fetchpriority=high]");if(0===o.length);else{const i=Array.from(o).map(i=>{const r=i.getBoundingClientRect(),o=e(i),c=i===n;return{selector:t(i),dimensions:`${Math.round(r.width)}×${Math.round(r.height)}`,inViewport:o?"Yes":"No",isLcpCandidate:c?"⚠️ Yes":"No",src:(i.currentSrc||i.src||"").slice(-50),element:i}});i.forEach(({},t)=>{}),i.forEach(({})=>{})}return{script:"Find-Images-With-Lazy-and-Fetchpriority",status:"ok",count:o.length,items:Array.from(o).map(i=>{const r=i.getBoundingClientRect();return{selector:t(i),src:i.currentSrc||i.src||"",inViewport:e(i),isLcpCandidate:i===n,widthPx:Math.round(r.width),heightPx:Math.round(r.height)}}),issues:o.length>0?[{code:"lazy-and-high-priority",severity:"error",message:`${o.length} element(s) have conflicting loading="lazy" and fetchpriority="high"`}]:[]}})();
\ No newline at end of file
diff --git a/skills/webperf-loading/scripts/Find-non-Lazy-Loaded-Images-outside-of-the-viewport.js b/skills/webperf-loading/scripts/Find-non-Lazy-Loaded-Images-outside-of-the-viewport.js
index 0c39be22..0a7e9025 100644
--- a/skills/webperf-loading/scripts/Find-non-Lazy-Loaded-Images-outside-of-the-viewport.js
+++ b/skills/webperf-loading/scripts/Find-non-Lazy-Loaded-Images-outside-of-the-viewport.js
@@ -1,2 +1,2 @@
-// snippets/Loading/Find-non-Lazy-Loaded-Images-outside-of-the-viewport.js | sha256:0b34523cfcb03ee7 | https://github.com/nucliweb/webperf-snippets/blob/main/snippets/Loading/Find-non-Lazy-Loaded-Images-outside-of-the-viewport.js
-(function(){function e(e){let t="";try{for(;e&&9!==e.nodeType;){const n=e,i=n.nodeName.toLowerCase(),o=n.id?"#"+n.id:i+(n.classList&&n.classList.value&&n.classList.value.trim()?"."+n.classList.value.trim().split(/\s+/).slice(0,2).join("."):"");if(t.length+o.length>80)return t||o;if(t=t?o+">"+t:o,n.id)break;e=n.parentNode}}catch{}return t}function t(e){const t=e.getBoundingClientRect();return t.top<window.innerHeight&&t.bottom>0&&t.left<window.innerWidth&&t.right>0&&t.width>0&&t.height>0}function n(e){if(null==e||Number.isNaN(e))return"-";if(0===e)return"0 B";const t=["B","KB","MB","GB"],n=Math.max(0,Math.min(Math.floor(Math.log(e)/Math.log(1024)),t.length-1));return(e/Math.pow(1024,n)).toFixed(1)+" "+t[n]}const i=Array.from(document.querySelectorAll("img")).filter(e=>t(e)&&e.getBoundingClientRect().width>0);let o=null,r=0;i.forEach(e=>{const t=e.getBoundingClientRect(),n=t.width*t.height;n>r&&(r=n,o=e)});const s=document.querySelectorAll('img:not([data-src]):not([loading="lazy"])'),d={belowFold:[],hiddenContainers:[],excluded:{inViewport:0,lcpCandidate:null,tooSmall:0},elements:[]};s.forEach(i=>{const r=i.getBoundingClientRect();if(t(i))return void(i===o?d.excluded.lcpCandidate=e(i):d.excluded.inViewport++);if(r.width<50||r.height<50)return void d.excluded.tooSmall++;const s=i.currentSrc||i.src,a=function(e){const t=e.currentSrc||e.src;if(!t||t.startsWith("data:"))return 0;const n=performance.getEntriesByType("resource").filter(e=>!e.name.endsWith("#webperf-snippets")).find(e=>e.name===t);return n&&(n.transferSize||n.encodedBodySize)||0}(i),l=function(t){let n=t.parentElement;const i=["[hidden]",'[aria-hidden="true"]',".modal:not(.show)",".tab-pane:not(.active)",'[role="tabpanel"]:not(.active)',".accordion-collapse:not(.show)",".carousel-item:not(.active)",".swiper-slide:not(.swiper-slide-active)"];for(;n&&n!==document.body;){const t=window.getComputedStyle(n);if("none"===t.display||"hidden"===t.visibility)return{hidden:!0,reason:"CSS hidden",container:e(n)};for(const t of i)try{if(n.matches(t))return{hidden:!0,reason:t,container:e(n)}}catch{}n=n.parentElement}return{hidden:!1}}(i),c={selector:e(i),src:s.length>60?"..."+s.slice(-57):s,fullSrc:s,dimensions:`${i.naturalWidth}×${i.naturalHeight}`,size:a,sizeFormatted:a>0?n(a):"unknown",element:i};l.hidden?(c.hiddenReason=l.reason,c.container=l.container,d.hiddenContainers.push(c)):(c.distanceFromViewport=Math.round(r.top-window.innerHeight)+"px",d.belowFold.push(c)),d.elements.push(i)}),d.belowFold.sort((e,t)=>parseInt(t.distanceFromViewport)-parseInt(e.distanceFromViewport));const a=d.belowFold.length+d.hiddenContainers.length,l=[...d.belowFold,...d.hiddenContainers].reduce((e,t)=>e+t.size,0);return 0===a||(d.belowFold.length>0&&d.belowFold.slice(0,20).map(e=>({selector:e.selector,src:e.src,dimensions:e.dimensions,size:e.size,sizeFormatted:e.sizeFormatted,distanceFromViewport:e.distanceFromViewport})),d.hiddenContainers.length>0&&d.hiddenContainers.slice(0,15).map(e=>({selector:e.selector,src:e.src,dimensions:e.dimensions,size:e.size,sizeFormatted:e.sizeFormatted,hiddenReason:e.hiddenReason,container:e.container})),d.elements.slice(0,15).forEach((e,t)=>{})),{script:"Find-non-Lazy-Loaded-Images-outside-of-the-viewport",status:"ok",count:a,details:{belowFoldCount:d.belowFold.length,hiddenContainerCount:d.hiddenContainers.length,totalSizeBytes:l,excluded:{inViewport:d.excluded.inViewport,lcpCandidate:d.excluded.lcpCandidate,tooSmall:d.excluded.tooSmall}},items:[...d.belowFold.map(e=>({selector:e.selector,src:e.fullSrc,sizeBytes:e.size,category:"below-fold",distancePx:parseInt(e.distanceFromViewport)})),...d.hiddenContainers.map(e=>({selector:e.selector,src:e.fullSrc,sizeBytes:e.size,category:"hidden-container",hiddenReason:e.hiddenReason,container:e.container}))],issues:a>0?[{severity:"warning",message:`${a} image(s) outside the viewport are missing loading="lazy"`}]:[]}})();
\ No newline at end of file
+// snippets/Loading/Find-non-Lazy-Loaded-Images-outside-of-the-viewport.js | sha256:e409559652d00e9b | https://github.com/nucliweb/webperf-snippets/blob/main/snippets/Loading/Find-non-Lazy-Loaded-Images-outside-of-the-viewport.js
+(function(){function e(e){let t="";try{for(;e&&9!==e.nodeType;){const n=e,i=n.nodeName.toLowerCase(),o=n.id?"#"+n.id:i+(n.classList&&n.classList.value&&n.classList.value.trim()?"."+n.classList.value.trim().split(/\s+/).slice(0,2).join("."):"");if(t.length+o.length>80)return t||o;if(t=t?o+">"+t:o,n.id)break;e=n.parentNode}}catch{}return t}function t(e){const t=e.getBoundingClientRect();return t.top<window.innerHeight&&t.bottom>0&&t.left<window.innerWidth&&t.right>0&&t.width>0&&t.height>0}function n(e){if(null==e||Number.isNaN(e))return"-";if(0===e)return"0 B";const t=["B","KB","MB","GB"],n=Math.max(0,Math.min(Math.floor(Math.log(e)/Math.log(1024)),t.length-1));return(e/Math.pow(1024,n)).toFixed(1)+" "+t[n]}const i=Array.from(document.querySelectorAll("img")).filter(e=>t(e)&&e.getBoundingClientRect().width>0);let o=null,r=0;i.forEach(e=>{const t=e.getBoundingClientRect(),n=t.width*t.height;n>r&&(r=n,o=e)});const s=document.querySelectorAll('img:not([data-src]):not([loading="lazy"])'),d={belowFold:[],hiddenContainers:[],excluded:{inViewport:0,lcpCandidate:null,tooSmall:0},elements:[]};s.forEach(i=>{const r=i.getBoundingClientRect();if(t(i))return void(i===o?d.excluded.lcpCandidate=e(i):d.excluded.inViewport++);if(r.width<50||r.height<50)return void d.excluded.tooSmall++;const s=i.currentSrc||i.src,a=function(e){const t=e.currentSrc||e.src;if(!t||t.startsWith("data:"))return 0;const n=performance.getEntriesByType("resource").filter(e=>!e.name.endsWith("#webperf-snippets")).find(e=>e.name===t);return n&&(n.transferSize||n.encodedBodySize)||0}(i),l=function(t){let n=t.parentElement;const i=["[hidden]",'[aria-hidden="true"]',".modal:not(.show)",".tab-pane:not(.active)",'[role="tabpanel"]:not(.active)',".accordion-collapse:not(.show)",".carousel-item:not(.active)",".swiper-slide:not(.swiper-slide-active)"];for(;n&&n!==document.body;){const t=window.getComputedStyle(n);if("none"===t.display||"hidden"===t.visibility)return{hidden:!0,reason:"CSS hidden",container:e(n)};for(const t of i)try{if(n.matches(t))return{hidden:!0,reason:t,container:e(n)}}catch{}n=n.parentElement}return{hidden:!1}}(i),c={selector:e(i),src:s.length>60?"..."+s.slice(-57):s,fullSrc:s,dimensions:`${i.naturalWidth}×${i.naturalHeight}`,size:a,sizeFormatted:a>0?n(a):"unknown",element:i};l.hidden?(c.hiddenReason=l.reason,c.container=l.container,d.hiddenContainers.push(c)):(c.distanceFromViewport=Math.round(r.top-window.innerHeight)+"px",d.belowFold.push(c)),d.elements.push(i)}),d.belowFold.sort((e,t)=>parseInt(t.distanceFromViewport)-parseInt(e.distanceFromViewport));const a=d.belowFold.length+d.hiddenContainers.length,l=[...d.belowFold,...d.hiddenContainers].reduce((e,t)=>e+t.size,0);return 0===a||(d.belowFold.length>0&&d.belowFold.slice(0,20).map(e=>({selector:e.selector,src:e.src,dimensions:e.dimensions,size:e.size,sizeFormatted:e.sizeFormatted,distanceFromViewport:e.distanceFromViewport})),d.hiddenContainers.length>0&&d.hiddenContainers.slice(0,15).map(e=>({selector:e.selector,src:e.src,dimensions:e.dimensions,size:e.size,sizeFormatted:e.sizeFormatted,hiddenReason:e.hiddenReason,container:e.container})),d.elements.slice(0,15).forEach((e,t)=>{})),{script:"Find-non-Lazy-Loaded-Images-outside-of-the-viewport",status:"ok",count:a,details:{belowFoldCount:d.belowFold.length,hiddenContainerCount:d.hiddenContainers.length,totalSizeBytes:l,excluded:{inViewport:d.excluded.inViewport,lcpCandidate:d.excluded.lcpCandidate,tooSmall:d.excluded.tooSmall}},items:[...d.belowFold.map(e=>({selector:e.selector,src:e.fullSrc,sizeBytes:e.size,category:"below-fold",distancePx:parseInt(e.distanceFromViewport)})),...d.hiddenContainers.map(e=>({selector:e.selector,src:e.fullSrc,sizeBytes:e.size,category:"hidden-container",hiddenReason:e.hiddenReason,container:e.container}))],issues:a>0?[{code:"eager-off-viewport",severity:"warning",message:`${a} image(s) outside the viewport are missing loading="lazy"`}]:[]}})();
\ No newline at end of file
diff --git a/skills/webperf-loading/scripts/Find-render-blocking-resources.js b/skills/webperf-loading/scripts/Find-render-blocking-resources.js
index e98aa815..ac6d4cc7 100644
--- a/skills/webperf-loading/scripts/Find-render-blocking-resources.js
+++ b/skills/webperf-loading/scripts/Find-render-blocking-resources.js
@@ -1,2 +1,2 @@
-// snippets/Loading/Find-render-blocking-resources.js | sha256:df716a8027bb6d06 | https://github.com/nucliweb/webperf-snippets/blob/main/snippets/Loading/Find-render-blocking-resources.js
-(()=>{function e(e){return e.name.endsWith("#webperf-snippets")}const r=performance.getEntriesByType("resource").filter(r=>!e(r))[0];if(r&&!("renderBlockingStatus"in r))return{script:"Find-render-blocking-resources",status:"unsupported",error:"renderBlockingStatus API requires Chrome 107+"};const n=performance.getEntriesByType("resource").filter(r=>!e(r)).filter(e=>"blocking"===e.renderBlockingStatus).map(e=>{const r=new URL(e.name);return{name:e.name,shortName:r.pathname.split("/").pop()||r.pathname,type:e.initiatorType,startTime:e.startTime,duration:e.duration,responseEnd:e.responseEnd,size:e.transferSize||0}}).sort((e,r)=>r.responseEnd-e.responseEnd),t=n.length?Math.max(...n.map(e=>e.responseEnd)):0,s=n.reduce((e,r)=>e+r.size,0),o=n.reduce((e,r)=>(e[r.type]=(e[r.type]||0)+1,e),{});if(0===n.length);else{s>0&&(s/1024).toFixed(1);const e=(e,r)=>{const n=Math.round(e/r*100/5);return"█".repeat(n)+"░".repeat(20-n)};n.forEach(r=>{e(r.responseEnd,t),r.size>0&&(r.size/1024).toFixed(1)}),n.map(e=>({Type:e.type,"Response End":e.responseEnd.toFixed(0)+"ms",Duration:e.duration.toFixed(0)+"ms",Size:e.size>0?(e.size/1024).toFixed(1)+" KB":"N/A",Resource:e.name.length>60?"..."+e.name.slice(-57):e.name}))}return{script:"Find-render-blocking-resources",status:"ok",count:n.length,details:{totalBlockingUntilMs:Math.round(t),totalSizeBytes:s,byType:o},items:n.map(e=>({type:e.type,url:e.name,shortName:e.shortName,responseEndMs:Math.round(e.responseEnd),durationMs:Math.round(e.duration),sizeBytes:e.size})),issues:n.length>0?[{severity:"error",message:`${n.length} render-blocking resource(s) delay rendering until ${Math.round(t)}ms`}]:[]}})();
\ No newline at end of file
+// snippets/Loading/Find-render-blocking-resources.js | sha256:956e114c83da4ff2 | https://github.com/nucliweb/webperf-snippets/blob/main/snippets/Loading/Find-render-blocking-resources.js
+(()=>{function e(e){return e.name.endsWith("#webperf-snippets")}const r=performance.getEntriesByType("resource").filter(r=>!e(r))[0];if(r&&!("renderBlockingStatus"in r))return{script:"Find-render-blocking-resources",status:"unsupported",error:"renderBlockingStatus API requires Chrome 107+"};const n=performance.getEntriesByType("resource").filter(r=>!e(r)).filter(e=>"blocking"===e.renderBlockingStatus).map(e=>{const r=new URL(e.name);return{name:e.name,shortName:r.pathname.split("/").pop()||r.pathname,type:e.initiatorType,startTime:e.startTime,duration:e.duration,responseEnd:e.responseEnd,size:e.transferSize||0}}).sort((e,r)=>r.responseEnd-e.responseEnd),t=n.length?Math.max(...n.map(e=>e.responseEnd)):0,s=n.reduce((e,r)=>e+r.size,0),o=n.reduce((e,r)=>(e[r.type]=(e[r.type]||0)+1,e),{});if(0===n.length);else{s>0&&(s/1024).toFixed(1);const e=(e,r)=>{const n=Math.round(e/r*100/5);return"█".repeat(n)+"░".repeat(20-n)};n.forEach(r=>{e(r.responseEnd,t),r.size>0&&(r.size/1024).toFixed(1)}),n.map(e=>({Type:e.type,"Response End":e.responseEnd.toFixed(0)+"ms",Duration:e.duration.toFixed(0)+"ms",Size:e.size>0?(e.size/1024).toFixed(1)+" KB":"N/A",Resource:e.name.length>60?"..."+e.name.slice(-57):e.name}))}return{script:"Find-render-blocking-resources",status:"ok",count:n.length,details:{totalBlockingUntilMs:Math.round(t),totalSizeBytes:s,byType:o},items:n.map(e=>({type:e.type,url:e.name,shortName:e.shortName,responseEndMs:Math.round(e.responseEnd),durationMs:Math.round(e.duration),sizeBytes:e.size})),issues:n.length>0?[{code:"render-blocking",severity:"error",message:`${n.length} render-blocking resource(s) delay rendering until ${Math.round(t)}ms`}]:[]}})();
\ No newline at end of file
diff --git a/skills/webperf-loading/scripts/Fonts-Preloaded-Loaded-and-used-above-the-fold.js b/skills/webperf-loading/scripts/Fonts-Preloaded-Loaded-and-used-above-the-fold.js
index c0124973..e1005235 100644
--- a/skills/webperf-loading/scripts/Fonts-Preloaded-Loaded-and-used-above-the-fold.js
+++ b/skills/webperf-loading/scripts/Fonts-Preloaded-Loaded-and-used-above-the-fold.js
@@ -1,2 +1,2 @@
-// snippets/Loading/Fonts-Preloaded-Loaded-and-used-above-the-fold.js | sha256:105b77e056047f03 | https://github.com/nucliweb/webperf-snippets/blob/main/snippets/Loading/Fonts-Preloaded-Loaded-and-used-above-the-fold.js
-(()=>{const e=[];function t(e){try{const t=new URL(e).pathname;return t.split("/").pop()||t}catch{return e}}function n(e){const t=e.replace(/\.$/,"");if(/^\d{1,3}(\.\d{1,3}){3}$/.test(t)||t.includes(":"))return t;const n=t.split(".");return n.length<=2?t:2===n[n.length-1].length&&["ac","co","com","edu","go","gob","gouv","gov","govt","mil","ne","net","nom","or","org","sch"].includes(n[n.length-2])?n.slice(-3).join("."):n.slice(-2).join(".")}function o(t){try{return!function(t){const o=n(t);return o===n(location.hostname)||e.some(e=>n(String(e).trim().toLowerCase().replace(/^[a-z]+:\/\//,"").split("/")[0])===o)}(new URL(t).hostname)}catch{return!1}}function i(e){return e.split(",")[0].trim().replace(/["']/g,"").toLowerCase()}const r=Array.from(document.querySelectorAll('link[rel="preload"][as="font"]')).map(e=>({href:e.href,name:t(e.href),crossorigin:e.crossOrigin,type:e.type||"unknown",thirdParty:o(e.href)})),l=Array.from(document.fonts.values()).filter(e=>"loaded"===e.status).map(e=>({family:e.family.replace(/["']/g,""),weight:e.weight,style:e.style,display:e.display||"unknown",key:`${e.family.replace(/["']/g,"")}-${e.weight}-${e.style}`})),s=Array.from(new Map(l.map(e=>[e.key,e])).values()),a=window.innerHeight,m=window.innerWidth,d=Array.from(document.querySelectorAll("body *:not(script):not(style):not(link):not(source)")).filter(e=>{const t=e.getBoundingClientRect();return t.top<a&&t.bottom>0&&t.left<m&&t.right>0&&t.width>0&&t.height>0}),c=new Map;d.forEach(e=>{const t=getComputedStyle(e),n=t.fontFamily,o=t.fontWeight,i=t.fontStyle,r=`${n}-${o}-${i}`;c.has(r)?c.get(r).elements++:c.set(r,{family:n.split(",")[0].trim().replace(/["']/g,""),fullFamily:n,weight:o,style:i,elements:1})});const y=Array.from(c.values()),f=r.map(e=>i(e.name.replace(/\.(woff2?|ttf|otf|eot)$/i,""))),g=y.map(e=>i(e.family)),h=r.filter(e=>{const t=i(e.name.replace(/\.(woff2?|ttf|otf|eot)$/i,""));return!g.some(e=>e.includes(t)||t.includes(e))}),u=y.filter(e=>{const t=i(e.family);return!["arial","helvetica","times","georgia","verdana","system-ui","-apple-system","segoe ui","roboto","sans-serif","serif","monospace"].some(e=>t.includes(e))&&!f.some(e=>e.includes(t)||t.includes(e))});return 0===r.length||(r.map(e=>({Font:e.name,Type:e.type,"Third-Party":e.thirdParty?"Yes":"No",Crossorigin:e.crossorigin||"missing ⚠️"})),r.filter(e=>!e.crossorigin)),0===s.length||(s.map(e=>({Family:e.family,Weight:e.weight,Style:e.style,Display:e.display})),s.filter(e=>"auto"===e.display||"unknown"===e.display)),0===y.length||y.sort((e,t)=>t.elements-e.elements).map(e=>({Family:e.family,Weight:e.weight,Style:e.style,"Elements Using":e.elements})),(h.length>0||u.length>0)&&(h.length>0&&h.forEach(e=>{}),u.length>0&&u.forEach(e=>{})),r.filter(e=>e.thirdParty),{script:"Fonts-Preloaded-Loaded-and-used-above-the-fold",status:"ok",count:s.length,details:{preloadedCount:r.length,loadedCount:s.length,usedAboveFoldCount:y.length,preloadedNotUsedCount:h.length,usedNotPreloadedCount:u.length,preloadedFonts:r.slice(0,20).map(e=>({family:e.name.replace(/\.(woff2?|ttf|otf|eot)$/i,""),href:e.href,fontType:e.type,crossorigin:e.crossorigin||"",thirdParty:e.thirdParty}))},items:s.slice(0,50).map(e=>({family:e.family,weight:e.weight,style:e.style,display:e.display})),usedFonts:y.slice(0,50).map(e=>({family:e.family,weight:e.weight,style:e.style,elements:e.elements})),issues:[...h.map(e=>({severity:"warning",message:`Preloaded but not used above fold: ${e.name}`})),...u.map(e=>({severity:"warning",message:`Used above fold but not preloaded: ${e.family} (${e.weight})`})),...r.filter(e=>!e.crossorigin).map(e=>({severity:"error",message:`Font preloaded without crossorigin (double fetch): ${e.name}`}))]}})();
\ No newline at end of file
+// snippets/Loading/Fonts-Preloaded-Loaded-and-used-above-the-fold.js | sha256:6308d064c5b2afb9 | https://github.com/nucliweb/webperf-snippets/blob/main/snippets/Loading/Fonts-Preloaded-Loaded-and-used-above-the-fold.js
+(()=>{const e=[];function t(e){try{const t=new URL(e).pathname;return t.split("/").pop()||t}catch{return e}}function o(e){const t=e.replace(/\.$/,"");if(/^\d{1,3}(\.\d{1,3}){3}$/.test(t)||t.includes(":"))return t;const o=t.split(".");return o.length<=2?t:2===o[o.length-1].length&&["ac","co","com","edu","go","gob","gouv","gov","govt","mil","ne","net","nom","or","org","sch"].includes(o[o.length-2])?o.slice(-3).join("."):o.slice(-2).join(".")}function n(t){try{return!function(t){const n=o(t);return n===o(location.hostname)||e.some(e=>o(String(e).trim().toLowerCase().replace(/^[a-z]+:\/\//,"").split("/")[0])===n)}(new URL(t).hostname)}catch{return!1}}function r(e){return e.split(",")[0].trim().replace(/["']/g,"").toLowerCase()}const i=Array.from(document.querySelectorAll('link[rel="preload"][as="font"]')).map(e=>({href:e.href,name:t(e.href),crossorigin:e.crossOrigin,type:e.type||"unknown",thirdParty:n(e.href)})),l=Array.from(document.fonts.values()).filter(e=>"loaded"===e.status).map(e=>({family:e.family.replace(/["']/g,""),weight:e.weight,style:e.style,display:e.display||"unknown",key:`${e.family.replace(/["']/g,"")}-${e.weight}-${e.style}`})),s=Array.from(new Map(l.map(e=>[e.key,e])).values()),a=window.innerHeight,m=window.innerWidth,d=Array.from(document.querySelectorAll("body *:not(script):not(style):not(link):not(source)")).filter(e=>{const t=e.getBoundingClientRect();return t.top<a&&t.bottom>0&&t.left<m&&t.right>0&&t.width>0&&t.height>0}),c=new Map;d.forEach(e=>{const t=getComputedStyle(e),o=t.fontFamily,n=t.fontWeight,r=t.fontStyle,i=`${o}-${n}-${r}`;c.has(i)?c.get(i).elements++:c.set(i,{family:o.split(",")[0].trim().replace(/["']/g,""),fullFamily:o,weight:n,style:r,elements:1})});const g=Array.from(c.values()),y=i.map(e=>r(e.name.replace(/\.(woff2?|ttf|otf|eot)$/i,""))),f=g.map(e=>r(e.family)),u=i.filter(e=>{const t=r(e.name.replace(/\.(woff2?|ttf|otf|eot)$/i,""));return!f.some(e=>e.includes(t)||t.includes(e))}),h=g.filter(e=>{const t=r(e.family);return!["arial","helvetica","times","georgia","verdana","system-ui","-apple-system","segoe ui","roboto","sans-serif","serif","monospace"].some(e=>t.includes(e))&&!y.some(e=>e.includes(t)||t.includes(e))});return 0===i.length||(i.map(e=>({Font:e.name,Type:e.type,"Third-Party":e.thirdParty?"Yes":"No",Crossorigin:e.crossorigin||"missing ⚠️"})),i.filter(e=>!e.crossorigin)),0===s.length||(s.map(e=>({Family:e.family,Weight:e.weight,Style:e.style,Display:e.display})),s.filter(e=>"auto"===e.display||"unknown"===e.display)),0===g.length||g.sort((e,t)=>t.elements-e.elements).map(e=>({Family:e.family,Weight:e.weight,Style:e.style,"Elements Using":e.elements})),(u.length>0||h.length>0)&&(u.length>0&&u.forEach(e=>{}),h.length>0&&h.forEach(e=>{})),i.filter(e=>e.thirdParty),{script:"Fonts-Preloaded-Loaded-and-used-above-the-fold",status:"ok",count:s.length,details:{preloadedCount:i.length,loadedCount:s.length,usedAboveFoldCount:g.length,preloadedNotUsedCount:u.length,usedNotPreloadedCount:h.length,preloadedFonts:i.slice(0,20).map(e=>({family:e.name.replace(/\.(woff2?|ttf|otf|eot)$/i,""),href:e.href,fontType:e.type,crossorigin:e.crossorigin||"",thirdParty:e.thirdParty}))},items:s.slice(0,50).map(e=>({family:e.family,weight:e.weight,style:e.style,display:e.display})),usedFonts:g.slice(0,50).map(e=>({family:e.family,weight:e.weight,style:e.style,elements:e.elements})),issues:[...u.map(e=>({code:"preloaded-unused",severity:"warning",message:`Preloaded but not used above fold: ${e.name}`,target:e.name})),...h.map(e=>({code:"used-not-preloaded",severity:"warning",message:`Used above fold but not preloaded: ${e.family} (${e.weight})`,target:`${e.family} (${e.weight})`})),...i.filter(e=>!e.crossorigin).map(e=>({code:"preload-no-crossorigin",severity:"error",message:`Font preloaded without crossorigin (double fetch): ${e.name}`,target:e.name}))]}})();
\ No newline at end of file
diff --git a/skills/webperf-loading/scripts/Inline-CSS-Info-and-Size.js b/skills/webperf-loading/scripts/Inline-CSS-Info-and-Size.js
index 65ec27b7..66876498 100644
--- a/skills/webperf-loading/scripts/Inline-CSS-Info-and-Size.js
+++ b/skills/webperf-loading/scripts/Inline-CSS-Info-and-Size.js
@@ -1,2 +1,2 @@
-// snippets/Loading/Inline-CSS-Info-and-Size.js | sha256:c75f1fcca15117d0 | https://github.com/nucliweb/webperf-snippets/blob/main/snippets/Loading/Inline-CSS-Info-and-Size.js
-(()=>{function e(e){if(null==e||Number.isNaN(e))return"-";if(0===e)return"0 B";const t=["B","KB","MB","GB"],s=Math.max(0,Math.min(Math.floor(Math.log(e)/Math.log(1024)),t.length-1));return(e/Math.pow(1024,s)).toFixed(1)+" "+t[s]}const t=Array.from(document.querySelectorAll("style"));if(0===t.length)return{script:"Inline-CSS-Info-and-Size",status:"ok",count:0,items:[],issues:[]};const s=t.map((e,t)=>{const s=e.innerHTML,n=new Blob([s]).size,a=e.parentElement?.tagName.toLowerCase()||"unknown",i=null!==e.closest("head"),l=(s.match(/\{[^}]*\}/g)||[]).length,o=s.replace(/\s+/g," ").trim().slice(0,80),r=/@media/i.test(s),c=/@keyframes/i.test(s);return{index:t+1,element:e,size:n,sizeKB:(u=n,(u/1024).toFixed(2)),parent:a,inHead:i,ruleCount:l,preview:o+(s.length>80?"...":""),hasMediaQueries:r,hasKeyframes:c,content:s};var u}),n=s.reduce((e,t)=>e+t.size,0),a=s.reduce((e,t)=>e+t.ruleCount,0),i=14336,l=new Map;s.forEach(e=>{const t=e.content.replace(/\s+/g," ").trim();l.has(t)||l.set(t,[]),l.get(t).push(e.index)});const o=Array.from(l.entries()).filter(([,e])=>e.length>1).map(([,e])=>e);let r,c;n<=7168?(r="Good",c="#22c55e"):n<=i?(r="Acceptable",c="#f59e0b"):(r="Too Large",c="#ef4444");const u=Math.min(n/i*100,100),d=Math.round(u/5);"█".repeat(d),"░".repeat(20-d),s.map(t=>({"#":t.index,Location:t.inHead?"head":"body",Size:e(t.size),Rules:t.ruleCount,"Media Queries":t.hasMediaQueries?"Yes":"-",Animations:t.hasKeyframes?"Yes":"-",Preview:t.preview})),s.forEach(e=>{});const h=[];n>i&&h.push({type:"size",message:`Total inline CSS (${e(n)}) exceeds 14 KB critical budget`,suggestion:"Move non-critical styles to external stylesheet"}),o.length>0&&h.push({type:"duplicate",message:`Found ${o.length} duplicated style block(s)`,details:o.map(e=>`Tags #${e.join(", #")} have identical content`),suggestion:"Consolidate duplicate styles into a single block"});const g=s.filter(e=>e.size>5120);g.length>0&&h.push({type:"large",message:`${g.length} style block(s) over 5 KB`,details:g.map(t=>`Tag #${t.index}: ${e(t.size)}`),suggestion:"Consider moving large blocks to external cached stylesheets"});const m=s.filter(e=>!e.inHead);return m.length>0&&h.push({type:"location",message:`${m.length} style block(s) in <body>`,details:m.map(e=>`Tag #${e.index}`),suggestion:"Move styles to <head> or use external stylesheets for better parsing"}),h.length>0&&h.forEach(e=>{e.details&&e.details.forEach(e=>{})}),{script:"Inline-CSS-Info-and-Size",status:"ok",count:s.length,details:{totalSizeBytes:n,totalRules:a,criticalBudgetBytes:i,duplicateBlocks:o.length,bodyStyleBlocks:s.filter(e=>!e.inHead).length},items:s.map(e=>({index:e.index,sizeBytes:e.size,parent:e.parent,inHead:e.inHead,ruleCount:e.ruleCount,hasMediaQueries:e.hasMediaQueries,hasKeyframes:e.hasKeyframes})),issues:h.map(e=>({severity:"warning",message:e.message}))}})();
\ No newline at end of file
+// snippets/Loading/Inline-CSS-Info-and-Size.js | sha256:4248d11299b3cb45 | https://github.com/nucliweb/webperf-snippets/blob/main/snippets/Loading/Inline-CSS-Info-and-Size.js
+(()=>{function e(e){if(null==e||Number.isNaN(e))return"-";if(0===e)return"0 B";const t=["B","KB","MB","GB"],s=Math.max(0,Math.min(Math.floor(Math.log(e)/Math.log(1024)),t.length-1));return(e/Math.pow(1024,s)).toFixed(1)+" "+t[s]}const t=Array.from(document.querySelectorAll("style"));if(0===t.length)return{script:"Inline-CSS-Info-and-Size",status:"ok",count:0,items:[],issues:[]};const s=t.map((e,t)=>{const s=e.innerHTML,a=new Blob([s]).size,n=e.parentElement?.tagName.toLowerCase()||"unknown",i=null!==e.closest("head"),o=(s.match(/\{[^}]*\}/g)||[]).length,l=s.replace(/\s+/g," ").trim().slice(0,80),r=/@media/i.test(s),c=/@keyframes/i.test(s);return{index:t+1,element:e,size:a,sizeKB:(d=a,(d/1024).toFixed(2)),parent:n,inHead:i,ruleCount:o,preview:l+(s.length>80?"...":""),hasMediaQueries:r,hasKeyframes:c,content:s};var d}),a=s.reduce((e,t)=>e+t.size,0),n=s.reduce((e,t)=>e+t.ruleCount,0),i=14336,o=new Map;s.forEach(e=>{const t=e.content.replace(/\s+/g," ").trim();o.has(t)||o.set(t,[]),o.get(t).push(e.index)});const l=Array.from(o.entries()).filter(([,e])=>e.length>1).map(([,e])=>e);let r,c;a<=7168?(r="Good",c="#22c55e"):a<=i?(r="Acceptable",c="#f59e0b"):(r="Too Large",c="#ef4444");const d=Math.min(a/i*100,100),u=Math.round(d/5);"█".repeat(u),"░".repeat(20-u),s.map(t=>({"#":t.index,Location:t.inHead?"head":"body",Size:e(t.size),Rules:t.ruleCount,"Media Queries":t.hasMediaQueries?"Yes":"-",Animations:t.hasKeyframes?"Yes":"-",Preview:t.preview})),s.forEach(e=>{});const g=[];a>i&&g.push({code:"over-budget",type:"size",message:`Total inline CSS (${e(a)}) exceeds 14 KB critical budget`,suggestion:"Move non-critical styles to external stylesheet"}),l.length>0&&g.push({code:"duplicate-blocks",type:"duplicate",message:`Found ${l.length} duplicated style block(s)`,details:l.map(e=>`Tags #${e.join(", #")} have identical content`),suggestion:"Consolidate duplicate styles into a single block"});const h=s.filter(e=>e.size>5120);h.length>0&&g.push({code:"large-blocks",type:"large",message:`${h.length} style block(s) over 5 KB`,details:h.map(t=>`Tag #${t.index}: ${e(t.size)}`),suggestion:"Consider moving large blocks to external cached stylesheets"});const p=s.filter(e=>!e.inHead);return p.length>0&&g.push({code:"styles-in-body",type:"location",message:`${p.length} style block(s) in <body>`,details:p.map(e=>`Tag #${e.index}`),suggestion:"Move styles to <head> or use external stylesheets for better parsing"}),g.length>0&&g.forEach(e=>{e.details&&e.details.forEach(e=>{})}),{script:"Inline-CSS-Info-and-Size",status:"ok",count:s.length,details:{totalSizeBytes:a,totalRules:n,criticalBudgetBytes:i,duplicateBlocks:l.length,bodyStyleBlocks:s.filter(e=>!e.inHead).length},items:s.map(e=>({index:e.index,sizeBytes:e.size,parent:e.parent,inHead:e.inHead,ruleCount:e.ruleCount,hasMediaQueries:e.hasMediaQueries,hasKeyframes:e.hasKeyframes})),issues:g.map(e=>({code:e.code,severity:"warning",message:e.message}))}})();
\ No newline at end of file
diff --git a/skills/webperf-loading/scripts/Webfont-Usage-Analyzer.js b/skills/webperf-loading/scripts/Webfont-Usage-Analyzer.js
index 8cebff38..998b286e 100644
--- a/skills/webperf-loading/scripts/Webfont-Usage-Analyzer.js
+++ b/skills/webperf-loading/scripts/Webfont-Usage-Analyzer.js
@@ -1,2 +1,2 @@
-// snippets/Loading/Webfont-Usage-Analyzer.js | sha256:3e90c80af603598a | https://github.com/nucliweb/webperf-snippets/blob/main/snippets/Loading/Webfont-Usage-Analyzer.js
-(()=>{const e="Webfont-Usage-Analyzer",t=307200,s=/\.(woff2?|ttf|otf|eot)(\?|#|$)/i;if("undefined"==typeof FontFace||!document.fonts)return{script:e,status:"unsupported",message:"The CSS Font Loading API (document.fonts) is not available in this browser"};const n=e=>String(e).replace(/["']/g,"").trim(),o=e=>`${(e/1024).toFixed(1)} KB`;function a(e){const t=String(e).trim().toLowerCase();if("normal"===t)return[400,400];if("bold"===t)return[700,700];const s=t.split(/\s+/).map(Number).filter(e=>!Number.isNaN(e));return 0===s.length?[400,400]:[Math.min(...s),Math.max(...s)]}function r(e){const t=[];for(const s of String(e).split(",")){const e=s.trim().match(/^U\+([0-9a-f?]+)(?:-([0-9a-f]+))?$/i);if(e)if(e[1].includes("?"))t.push([parseInt(e[1].replace(/\?/g,"0"),16),parseInt(e[1].replace(/\?/g,"f"),16)]);else{const s=parseInt(e[1],16);t.push([s,e[2]?parseInt(e[2],16):s])}}return t}const i=e=>!e||/^U\+0-10FFFF$/i.test(e.trim()),l=e=>"normal"===String(e).trim().toLowerCase()?"normal":"slanted";let d=0;const u=new Map,c=(e,t,s,o)=>[n(e).toLowerCase(),String(t).trim()||"normal",String(s).trim()||"normal",i(o)?"":r(o).map(e=>e.join("-")).join(",")].join("|");function f(e,t,s){if(!(s>6))for(const n of e)if(n instanceof window.CSSFontFaceRule){const e=n.style,s=[...e.getPropertyValue("src").matchAll(/url\(\s*(["']?)(.*?)\1\s*\)/g)].map(e=>{try{return new URL(e[2],t).href}catch{return null}}).filter(e=>e&&!e.startsWith("data:")),o=c(e.getPropertyValue("font-family"),e.getPropertyValue("font-weight"),e.getPropertyValue("font-style"),e.getPropertyValue("unicode-range"));u.set(o,[...u.get(o)??[],s])}else n.styleSheet?g(n.styleSheet,s+1):n.cssRules&&f(n.cssRules,t,s+1)}function g(e,t){try{f(e.cssRules,e.href||location.href,t)}catch{d++}}Array.from(document.styleSheets).forEach(e=>g(e,0));const h=new Set([...u.values()].flat(2)),m=new Map;for(const e of performance.getEntriesByType("resource").filter(e=>!e.name.endsWith("#webperf-snippets")))(s.test(e.name)||h.has(e.name))&&m.set(e.name,Math.max(m.get(e.name)??0,e.encodedBodySize||0));const y=[...m.values()].reduce((e,t)=>e+t,0),p=[...m.values()].every(e=>e>0),w=new Map,b=new Set(["SCRIPT","STYLE","NOSCRIPT","TEMPLATE","HEAD","TITLE","META","LINK"]);function $(e,t,s){const o=s.replace(/\s+/g,"");if(!o)return;const a=`${t.fontFamily}|${t.fontWeight}|${t.fontStyle}`;let r=w.get(a);r||(r={families:[...t.fontFamily.matchAll(/"([^"]+)"|'([^']+)'|([^,]+)/g)].map(e=>n(e[1]??e[2]??e[3]).toLowerCase()),weight:Number(t.fontWeight)||400,style:t.fontStyle,codepoints:new Set},w.set(a,r));for(const e of o){if(r.codepoints.size>=2e4)break;r.codepoints.add(e.codePointAt(0))}}const S=e=>e&&"none"!==e&&"normal"!==e?e.replace(/^["']|["']$/g,"").replace(/\\([0-9a-f]{1,6})\s?/gi,(e,t)=>String.fromCodePoint(parseInt(t,16))).replace(/\\(.)/g,"$1"):"",v=[document.body,...document.body.querySelectorAll("*")],R=Math.min(v.length,2e4);for(let e=0;e<R;e++){const t=v[e];if(b.has(t.tagName)||t.checkVisibility&&!t.checkVisibility())continue;const s=getComputedStyle(t);let n="";for(const e of t.childNodes)e.nodeType===Node.TEXT_NODE&&(n+=e.nodeValue);$(0,s,n);for(const e of["::before","::after"]){const s=getComputedStyle(t,e);$(0,s,S(s.content))}}const _=new Map,C=Array.from(document.fonts).map(e=>{const t=n(e.family),s=i(e.unicodeRange)?"":e.unicodeRange.trim(),o=c(e.family,e.weight,e.style,e.unicodeRange),l=_.get(o)??0;_.set(o,l+1);const d=u.get(o)?.[l]??[],f=d.find(e=>m.has(e))??d[0]??"";return{family:t,weight:String(e.weight),style:String(e.style),display:e.display||"auto",unicodeRange:s,status:e.status,used:!1,bytes:"loaded"===e.status&&m.has(f)?m.get(f):0,url:f,_key:o,_redeclared:!1,_weightRange:a(e.weight),_ranges:s?r(s):null}}),M=(e,t)=>t>=e._weightRange[0]&&t<=e._weightRange[1]?0:Math.min(Math.abs(t-e._weightRange[0]),Math.abs(t-e._weightRange[1]));for(const e of w.values())for(const t of e.families){const s=C.filter(e=>e.family.toLowerCase()===t);if(0===s.length)continue;const n=s.filter(t=>l(t.style)===l(e.style)),o=(n.length?n:s).filter(t=>{return n=e.codepoints,!(s=t)._ranges||[...n].some(e=>((e,t)=>e.some(([e,s])=>t>=e&&t<=s))(s._ranges,e));var s,n});if(0===o.length)continue;const a=Math.min(...o.map(t=>M(t,e.weight)));o.filter(t=>M(t,e.weight)===a).forEach(e=>e.used=!0)}const F=new Map;C.forEach(e=>F.set(e._key,[...F.get(e._key)??[],e]));for(const e of F.values()){if(e.length<2)continue;const t=e.findLast(e=>"loaded"===e.status);t&&e.filter(e=>e!==t).forEach(e=>{e.used=!1,e._redeclared=!0})}const L=e=>e.length>60?`${e.slice(0,57)}...`:e,E=e=>`${e.family} ${e.weight} ${e.style}${e.unicodeRange?` (${L(e.unicodeRange)})`:""}`,T=C.filter(e=>"loaded"===e.status),A=T.filter(e=>!e.used),N=C.filter(e=>"unloaded"===e.status),P=C.filter(e=>"error"===e.status),k=N.filter(e=>e._redeclared),x=N.filter(e=>e.unicodeRange&&!e._redeclared),I=N.filter(e=>!e.unicodeRange&&!e._redeclared),V=C.filter(e=>!("loaded"!==e.status&&"loading"!==e.status||"auto"!==e.display&&"block"!==e.display)),O=new Set(T.filter(e=>e.used&&e.url).map(e=>e.url)),U=e=>e.url&&O.has(e.url)?0:e.bytes,W=[...new Map(A.map(e=>[e.url||E(e),U(e)])).values()].reduce((e,t)=>e+t,0),z=new Map;for(const e of C.filter(e=>e.unicodeRange)){const t=z.get(e.family)??{family:e.family,subsets:0,loadedSubsets:0};t.subsets++,"loaded"===e.status&&t.loadedSubsets++,z.set(e.family,t)}const B=[...z.values()].filter(e=>e.subsets>1).slice(0,20),D={};C.forEach(e=>D[e.display]=(D[e.display]??0)+1);const j=e=>[...new Set(e.map(E))],K=e=>{const t=j(e),s=t.slice(0,8).join(", ");return t.length>8?`${s} and ${t.length-8} more`:s},q=[...P.map(e=>({severity:"error",message:`Font failed to load: ${E(e)}`})),...[...new Map(A.map(e=>[`${E(e)}|${e.url}`,e])).values()].map(e=>{const t=U(e)?`, ${o(U(e))} downloaded for nothing`:"";return{severity:"warning",message:e._redeclared?`Loaded but declared again later with the same descriptors, so the page renders with the other file: ${E(e)}${e.url?` from ${e.url}`:""}${t}`:`Loaded but not used by any rendered element: ${E(e)}${t}`}})];V.length>0&&q.push({severity:"warning",message:`font-display is auto or block on ${j(V).length} face(s), so text can stay invisible while they load. Use swap or optional: ${K(V)}`}),y>t&&q.push({severity:"warning",message:`Web fonts weigh ${o(y)} in total (over ${o(t)}). Subset, use WOFF2 or drop unused weights`}),I.length>0&&q.push({severity:"info",message:`Declared but never loaded (${j(I).length}); nothing on this page needed them: ${K(I)}`}),k.length>0&&q.push({severity:"info",message:`Declared more than once with the same descriptors; the page uses a later declaration, so these never loaded (${j(k).length}): ${K(k)}`}),x.length>0&&q.push({severity:"info",message:`unicode-range subsets this page did not need (${j(x).length}), which is the intended behavior of a split font: ${K(x)}`}),p||q.push({severity:"info",message:"Some font files are cross-origin without Timing-Allow-Origin, so their size reads as 0 and the byte totals are a lower bound"}),d>0&&q.push({severity:"info",message:`${d} cross-origin stylesheet(s) could not be read, so their font files cannot be matched to faces`}),R<v.length&&q.push({severity:"info",message:"Only the first 20000 elements were scanned for text; some faces may be reported as unused"});const H=["loaded","loading","error"],X=new Map;C.filter(e=>"unloaded"!==e.status).forEach(e=>{const t=`${e._key}|${e.url}`;X.set(t,[...X.get(t)??[],e])});const Y=e=>e.used?"":"error"===e.status?"failed to load":"loaded"===e.status?e._redeclared?"declared again later":"loaded but not used":"",G=[...X.values()].map(e=>{const t=e.find(e=>e.used)??[...e].sort((e,t)=>H.indexOf(e.status)-H.indexOf(t.status))[0];return{...t,declarations:e.length,note:Y(t)}}),J=G.filter(e=>"loaded"===e.status),Q=j([...I,...x]);q.forEach(e=>{});const Z=e=>"error"===e.status?0:"loaded"!==e.status||e.used?"loaded"===e.status?2:3:1,ee=G.map((e,t)=>({f:e,index:t})).sort((e,t)=>Z(e.f)-Z(t.f)||e.index-t.index).slice(0,50).map(({f:e})=>({family:e.family,weight:e.weight,style:e.style,display:e.display,unicodeRange:L(e.unicodeRange),status:e.status,used:e.used,declarations:e.declarations,bytes:e.bytes,note:e.note,url:e.url}));return{script:e,status:"ok",count:G.length,corsLimitedAnalysis:!p,details:{declarationCount:C.length,loadedCount:J.length,usedCount:J.filter(e=>e.used).length,loadedUnusedCount:J.filter(e=>!e.used).length,loadedUnusedBytes:W,neverLoadedCount:Q.length,neverLoaded:Q.slice(0,50),errorCount:G.filter(e=>"error"===e.status).length,fontFileCount:m.size,totalFontBytes:y,bytesReadable:p,fontDisplay:D,unicodeRangeFamilies:B,unreadableStylesheets:d,elementsScanned:R},items:ee,issues:q}})();
\ No newline at end of file
+// snippets/Loading/Webfont-Usage-Analyzer.js | sha256:47176322809a830c | https://github.com/nucliweb/webperf-snippets/blob/main/snippets/Loading/Webfont-Usage-Analyzer.js
+(()=>{const e="Webfont-Usage-Analyzer",t=307200,s=/\.(woff2?|ttf|otf|eot)(\?|#|$)/i;if("undefined"==typeof FontFace||!document.fonts)return{script:e,status:"unsupported",message:"The CSS Font Loading API (document.fonts) is not available in this browser"};const n=e=>String(e).replace(/["']/g,"").trim(),o=e=>`${(e/1024).toFixed(1)} KB`;function a(e){const t=String(e).trim().toLowerCase();if("normal"===t)return[400,400];if("bold"===t)return[700,700];const s=t.split(/\s+/).map(Number).filter(e=>!Number.isNaN(e));return 0===s.length?[400,400]:[Math.min(...s),Math.max(...s)]}function r(e){const t=[];for(const s of String(e).split(",")){const e=s.trim().match(/^U\+([0-9a-f?]+)(?:-([0-9a-f]+))?$/i);if(e)if(e[1].includes("?"))t.push([parseInt(e[1].replace(/\?/g,"0"),16),parseInt(e[1].replace(/\?/g,"f"),16)]);else{const s=parseInt(e[1],16);t.push([s,e[2]?parseInt(e[2],16):s])}}return t}const i=e=>!e||/^U\+0-10FFFF$/i.test(e.trim()),l=e=>"normal"===String(e).trim().toLowerCase()?"normal":"slanted";let d=0;const u=new Map,c=(e,t,s,o)=>[n(e).toLowerCase(),String(t).trim()||"normal",String(s).trim()||"normal",i(o)?"":r(o).map(e=>e.join("-")).join(",")].join("|");function f(e,t,s){if(!(s>6))for(const n of e)if(n instanceof window.CSSFontFaceRule){const e=n.style,s=[...e.getPropertyValue("src").matchAll(/url\(\s*(["']?)(.*?)\1\s*\)/g)].map(e=>{try{return new URL(e[2],t).href}catch{return null}}).filter(e=>e&&!e.startsWith("data:")),o=c(e.getPropertyValue("font-family"),e.getPropertyValue("font-weight"),e.getPropertyValue("font-style"),e.getPropertyValue("unicode-range"));u.set(o,[...u.get(o)??[],s])}else n.styleSheet?g(n.styleSheet,s+1):n.cssRules&&f(n.cssRules,t,s+1)}function g(e,t){try{f(e.cssRules,e.href||location.href,t)}catch{d++}}Array.from(document.styleSheets).forEach(e=>g(e,0));const h=new Set([...u.values()].flat(2)),m=new Map;for(const e of performance.getEntriesByType("resource").filter(e=>!e.name.endsWith("#webperf-snippets")))(s.test(e.name)||h.has(e.name))&&m.set(e.name,Math.max(m.get(e.name)??0,e.encodedBodySize||0));const y=[...m.values()].reduce((e,t)=>e+t,0),p=[...m.values()].every(e=>e>0),w=new Map,b=new Set(["SCRIPT","STYLE","NOSCRIPT","TEMPLATE","HEAD","TITLE","META","LINK"]);function $(e,t,s){const o=s.replace(/\s+/g,"");if(!o)return;const a=`${t.fontFamily}|${t.fontWeight}|${t.fontStyle}`;let r=w.get(a);r||(r={families:[...t.fontFamily.matchAll(/"([^"]+)"|'([^']+)'|([^,]+)/g)].map(e=>n(e[1]??e[2]??e[3]).toLowerCase()),weight:Number(t.fontWeight)||400,style:t.fontStyle,codepoints:new Set},w.set(a,r));for(const e of o){if(r.codepoints.size>=2e4)break;r.codepoints.add(e.codePointAt(0))}}const S=e=>e&&"none"!==e&&"normal"!==e?e.replace(/^["']|["']$/g,"").replace(/\\([0-9a-f]{1,6})\s?/gi,(e,t)=>String.fromCodePoint(parseInt(t,16))).replace(/\\(.)/g,"$1"):"",v=[document.body,...document.body.querySelectorAll("*")],R=Math.min(v.length,2e4);for(let e=0;e<R;e++){const t=v[e];if(b.has(t.tagName)||t.checkVisibility&&!t.checkVisibility())continue;const s=getComputedStyle(t);let n="";for(const e of t.childNodes)e.nodeType===Node.TEXT_NODE&&(n+=e.nodeValue);$(0,s,n);for(const e of["::before","::after"]){const s=getComputedStyle(t,e);$(0,s,S(s.content))}}const _=new Map,C=Array.from(document.fonts).map(e=>{const t=n(e.family),s=i(e.unicodeRange)?"":e.unicodeRange.trim(),o=c(e.family,e.weight,e.style,e.unicodeRange),l=_.get(o)??0;_.set(o,l+1);const d=u.get(o)?.[l]??[],f=d.find(e=>m.has(e))??d[0]??"";return{family:t,weight:String(e.weight),style:String(e.style),display:e.display||"auto",unicodeRange:s,status:e.status,used:!1,bytes:"loaded"===e.status&&m.has(f)?m.get(f):0,url:f,_key:o,_redeclared:!1,_weightRange:a(e.weight),_ranges:s?r(s):null}}),M=(e,t)=>t>=e._weightRange[0]&&t<=e._weightRange[1]?0:Math.min(Math.abs(t-e._weightRange[0]),Math.abs(t-e._weightRange[1]));for(const e of w.values())for(const t of e.families){const s=C.filter(e=>e.family.toLowerCase()===t);if(0===s.length)continue;const n=s.filter(t=>l(t.style)===l(e.style)),o=(n.length?n:s).filter(t=>{return n=e.codepoints,!(s=t)._ranges||[...n].some(e=>((e,t)=>e.some(([e,s])=>t>=e&&t<=s))(s._ranges,e));var s,n});if(0===o.length)continue;const a=Math.min(...o.map(t=>M(t,e.weight)));o.filter(t=>M(t,e.weight)===a).forEach(e=>e.used=!0)}const F=new Map;C.forEach(e=>F.set(e._key,[...F.get(e._key)??[],e]));for(const e of F.values()){if(e.length<2)continue;const t=e.findLast(e=>"loaded"===e.status);t&&e.filter(e=>e!==t).forEach(e=>{e.used=!1,e._redeclared=!0})}const L=e=>e.length>60?`${e.slice(0,57)}...`:e,E=e=>`${e.family} ${e.weight} ${e.style}${e.unicodeRange?` (${L(e.unicodeRange)})`:""}`,T=C.filter(e=>"loaded"===e.status),A=T.filter(e=>!e.used),k=C.filter(e=>"unloaded"===e.status),N=C.filter(e=>"error"===e.status),P=k.filter(e=>e._redeclared),x=k.filter(e=>e.unicodeRange&&!e._redeclared),I=k.filter(e=>!e.unicodeRange&&!e._redeclared),V=C.filter(e=>!("loaded"!==e.status&&"loading"!==e.status||"auto"!==e.display&&"block"!==e.display)),O=new Set(T.filter(e=>e.used&&e.url).map(e=>e.url)),U=e=>e.url&&O.has(e.url)?0:e.bytes,W=[...new Map(A.map(e=>[e.url||E(e),U(e)])).values()].reduce((e,t)=>e+t,0),z=new Map;for(const e of C.filter(e=>e.unicodeRange)){const t=z.get(e.family)??{family:e.family,subsets:0,loadedSubsets:0};t.subsets++,"loaded"===e.status&&t.loadedSubsets++,z.set(e.family,t)}const B=[...z.values()].filter(e=>e.subsets>1).slice(0,20),D={};C.forEach(e=>D[e.display]=(D[e.display]??0)+1);const j=e=>[...new Set(e.map(E))],K=e=>{const t=j(e),s=t.slice(0,8).join(", ");return t.length>8?`${s} and ${t.length-8} more`:s},q=[...N.map(e=>({code:"load-failed",severity:"error",message:`Font failed to load: ${E(e)}`,target:e.url||E(e)})),...[...new Map(A.map(e=>[`${E(e)}|${e.url}`,e])).values()].map(e=>{const t=U(e)?`, ${o(U(e))} downloaded for nothing`:"",s=e.url||E(e);return e._redeclared?{code:"redeclared",severity:"warning",message:`Loaded but declared again later with the same descriptors, so the page renders with the other file: ${E(e)}${e.url?` from ${e.url}`:""}${t}`,target:s}:{code:"loaded-unused",severity:"warning",message:`Loaded but not used by any rendered element: ${E(e)}${t}`,target:s}})];V.length>0&&q.push({code:"blocking-font-display",severity:"warning",message:`font-display is auto or block on ${j(V).length} face(s), so text can stay invisible while they load. Use swap or optional: ${K(V)}`}),y>t&&q.push({code:"heavy-fonts",severity:"warning",message:`Web fonts weigh ${o(y)} in total (over ${o(t)}). Subset, use WOFF2 or drop unused weights`}),I.length>0&&q.push({code:"never-loaded",severity:"info",message:`Declared but never loaded (${j(I).length}); nothing on this page needed them: ${K(I)}`}),P.length>0&&q.push({code:"shadowed",severity:"info",message:`Declared more than once with the same descriptors; the page uses a later declaration, so these never loaded (${j(P).length}): ${K(P)}`}),x.length>0&&q.push({code:"unused-subsets",severity:"info",message:`unicode-range subsets this page did not need (${j(x).length}), which is the intended behavior of a split font: ${K(x)}`}),p||q.push({code:"size-unknown",severity:"info",message:"Some font files are cross-origin without Timing-Allow-Origin, so their size reads as 0 and the byte totals are a lower bound"}),d>0&&q.push({code:"unreadable-stylesheets",severity:"info",message:`${d} cross-origin stylesheet(s) could not be read, so their font files cannot be matched to faces`}),R<v.length&&q.push({code:"elements-capped",severity:"info",message:"Only the first 20000 elements were scanned for text; some faces may be reported as unused"});const H=["loaded","loading","error"],X=new Map;C.filter(e=>"unloaded"!==e.status).forEach(e=>{const t=`${e._key}|${e.url}`;X.set(t,[...X.get(t)??[],e])});const Y=e=>e.used?"":"error"===e.status?"failed to load":"loaded"===e.status?e._redeclared?"declared again later":"loaded but not used":"",G=[...X.values()].map(e=>{const t=e.find(e=>e.used)??[...e].sort((e,t)=>H.indexOf(e.status)-H.indexOf(t.status))[0];return{...t,declarations:e.length,note:Y(t)}}),J=G.filter(e=>"loaded"===e.status),Q=j([...I,...x]);q.forEach(e=>{});const Z=e=>"error"===e.status?0:"loaded"!==e.status||e.used?"loaded"===e.status?2:3:1,ee=G.map((e,t)=>({f:e,index:t})).sort((e,t)=>Z(e.f)-Z(t.f)||e.index-t.index).slice(0,50).map(({f:e})=>({family:e.family,weight:e.weight,style:e.style,display:e.display,unicodeRange:L(e.unicodeRange),status:e.status,used:e.used,declarations:e.declarations,bytes:e.bytes,note:e.note,url:e.url}));return{script:e,status:"ok",count:G.length,corsLimitedAnalysis:!p,details:{declarationCount:C.length,loadedCount:J.length,usedCount:J.filter(e=>e.used).length,loadedUnusedCount:J.filter(e=>!e.used).length,loadedUnusedBytes:W,neverLoadedCount:Q.length,neverLoaded:Q.slice(0,50),errorCount:G.filter(e=>"error"===e.status).length,fontFileCount:m.size,totalFontBytes:y,bytesReadable:p,fontDisplay:D,unicodeRangeFamilies:B,unreadableStylesheets:d,elementsScanned:R},items:ee,issues:q}})();
\ No newline at end of file
diff --git a/skills/webperf-media/references/schema.md b/skills/webperf-media/references/schema.md
index 975142c7..f53498ff 100644
--- a/skills/webperf-media/references/schema.md
+++ b/skills/webperf-media/references/schema.md
@@ -1232,6 +1232,94 @@ An issue about one thing among several, one issue per thing, also names it in `t
 | `could-defer` | info | Blocking scripts other than the last three of `<body>`, which could try `defer` |
 | `unknown-size` | info | Scripts whose size is hidden by a missing `Timing-Allow-Origin`, so the total is a lower bound |
 
+### CSS-Media-Queries-Analysis
+
+| Code | Severity | When |
+|------|----------|------|
+| `no-wide-rules` | info | No `@media` rules for viewports wider than the breakpoint (768 px by default) |
+| `wide-rules` | info or warning | `@media` rules for wider viewports that narrower screens download without using, a warning above 50 KB |
+| `repeated-queries` | info | Few distinct queries repeated across many `@media` blocks |
+| `unreadable-stylesheets` | info | Cross-origin stylesheets whose rules cannot be read |
+
+### Content-Visibility
+
+| Code | Severity | When |
+|------|----------|------|
+| `missing-intrinsic-size` | warning | An element with `content-visibility: auto` and no `contain-intrinsic-size`; `target` is its selector |
+| `not-used` | info | No `content-visibility` on the page |
+
+### Critical-CSS-Detection
+
+| Code | Severity | When |
+|------|----------|------|
+| `no-inline-critical-css` | error | Render-blocking stylesheets and no inline critical CSS |
+| `render-blocking-over-budget` | error | Render-blocking CSS above the 14 KB critical budget |
+| `large-not-preloaded` | warning | Render-blocking stylesheets above 10 KB without preload |
+| `inline-over-budget` | error | Inline CSS above the 14 KB critical budget |
+| `styles-in-body` | warning | Inline style blocks in `<body>` |
+
+### Find-Above-The-Fold-Lazy-Loaded-Images
+
+| Code | Severity | When |
+|------|----------|------|
+| `lcp-lazy` | error | The LCP candidate image has `loading="lazy"` |
+| `lazy-above-fold` | warning | Other images above the fold with `loading="lazy"` |
+
+### Find-Images-With-Lazy-and-Fetchpriority
+
+| Code | Severity | When |
+|------|----------|------|
+| `lazy-and-high-priority` | error | Elements with both `loading="lazy"` and `fetchpriority="high"` |
+
+### Find-non-Lazy-Loaded-Images-outside-of-the-viewport
+
+| Code | Severity | When |
+|------|----------|------|
+| `eager-off-viewport` | warning | Images outside the viewport without `loading="lazy"` |
+
+### Find-render-blocking-resources
+
+| Code | Severity | When |
+|------|----------|------|
+| `render-blocking` | error | Resources that block rendering |
+
+### Fonts-Preloaded-Loaded-and-used-above-the-fold
+
+Each issue names its font in `target`.
+
+| Code | Severity | When |
+|------|----------|------|
+| `preloaded-unused` | warning | A preloaded font that the content above the fold does not use |
+| `used-not-preloaded` | warning | A font used above the fold without preload |
+| `preload-no-crossorigin` | error | A font preload without `crossorigin`, which fetches the font twice |
+
+### Inline-CSS-Info-and-Size
+
+| Code | Severity | When |
+|------|----------|------|
+| `over-budget` | warning | Inline CSS above the 14 KB critical budget |
+| `duplicate-blocks` | warning | Style blocks with identical content |
+| `large-blocks` | warning | Style blocks above 5 KB |
+| `styles-in-body` | warning | Style blocks in `<body>` |
+
+### Webfont-Usage-Analyzer
+
+`load-failed`, `loaded-unused` and `redeclared` name the font file by its URL in `target`, or the face when it has none.
+
+| Code | Severity | When |
+|------|----------|------|
+| `load-failed` | error | A font that failed to load |
+| `loaded-unused` | warning | A loaded font that no rendered element uses |
+| `redeclared` | warning | A loaded font declared again later with the same descriptors, so the page uses the other file |
+| `blocking-font-display` | warning | Faces with `font-display` `auto` or `block`, which can keep text invisible |
+| `heavy-fonts` | warning | Web fonts above 300 KB in total |
+| `never-loaded` | info | Faces declared and never loaded |
+| `shadowed` | info | Faces declared more than once, whose earlier declarations never loaded |
+| `unused-subsets` | info | `unicode-range` subsets the page did not need |
+| `size-unknown` | info | Cross-origin font files without `Timing-Allow-Origin`, so the byte totals are a lower bound |
+| `unreadable-stylesheets` | info | Cross-origin stylesheets whose font files cannot be matched to faces |
+| `elements-capped` | info | Only the first 20,000 elements were scanned for text |
+
 ### First-And-Third-Party-Script-Info
 
 | Code | Severity | When |
diff --git a/skills/webperf-resources/references/schema.md b/skills/webperf-resources/references/schema.md
index 975142c7..f53498ff 100644
--- a/skills/webperf-resources/references/schema.md
+++ b/skills/webperf-resources/references/schema.md
@@ -1232,6 +1232,94 @@ An issue about one thing among several, one issue per thing, also names it in `t
 | `could-defer` | info | Blocking scripts other than the last three of `<body>`, which could try `defer` |
 | `unknown-size` | info | Scripts whose size is hidden by a missing `Timing-Allow-Origin`, so the total is a lower bound |
 
+### CSS-Media-Queries-Analysis
+
+| Code | Severity | When |
+|------|----------|------|
+| `no-wide-rules` | info | No `@media` rules for viewports wider than the breakpoint (768 px by default) |
+| `wide-rules` | info or warning | `@media` rules for wider viewports that narrower screens download without using, a warning above 50 KB |
+| `repeated-queries` | info | Few distinct queries repeated across many `@media` blocks |
+| `unreadable-stylesheets` | info | Cross-origin stylesheets whose rules cannot be read |
+
+### Content-Visibility
+
+| Code | Severity | When |
+|------|----------|------|
+| `missing-intrinsic-size` | warning | An element with `content-visibility: auto` and no `contain-intrinsic-size`; `target` is its selector |
+| `not-used` | info | No `content-visibility` on the page |
+
+### Critical-CSS-Detection
+
+| Code | Severity | When |
+|------|----------|------|
+| `no-inline-critical-css` | error | Render-blocking stylesheets and no inline critical CSS |
+| `render-blocking-over-budget` | error | Render-blocking CSS above the 14 KB critical budget |
+| `large-not-preloaded` | warning | Render-blocking stylesheets above 10 KB without preload |
+| `inline-over-budget` | error | Inline CSS above the 14 KB critical budget |
+| `styles-in-body` | warning | Inline style blocks in `<body>` |
+
+### Find-Above-The-Fold-Lazy-Loaded-Images
+
+| Code | Severity | When |
+|------|----------|------|
+| `lcp-lazy` | error | The LCP candidate image has `loading="lazy"` |
+| `lazy-above-fold` | warning | Other images above the fold with `loading="lazy"` |
+
+### Find-Images-With-Lazy-and-Fetchpriority
+
+| Code | Severity | When |
+|------|----------|------|
+| `lazy-and-high-priority` | error | Elements with both `loading="lazy"` and `fetchpriority="high"` |
+
+### Find-non-Lazy-Loaded-Images-outside-of-the-viewport
+
+| Code | Severity | When |
+|------|----------|------|
+| `eager-off-viewport` | warning | Images outside the viewport without `loading="lazy"` |
+
+### Find-render-blocking-resources
+
+| Code | Severity | When |
+|------|----------|------|
+| `render-blocking` | error | Resources that block rendering |
+
+### Fonts-Preloaded-Loaded-and-used-above-the-fold
+
+Each issue names its font in `target`.
+
+| Code | Severity | When |
+|------|----------|------|
+| `preloaded-unused` | warning | A preloaded font that the content above the fold does not use |
+| `used-not-preloaded` | warning | A font used above the fold without preload |
+| `preload-no-crossorigin` | error | A font preload without `crossorigin`, which fetches the font twice |
+
+### Inline-CSS-Info-and-Size
+
+| Code | Severity | When |
+|------|----------|------|
+| `over-budget` | warning | Inline CSS above the 14 KB critical budget |
+| `duplicate-blocks` | warning | Style blocks with identical content |
+| `large-blocks` | warning | Style blocks above 5 KB |
+| `styles-in-body` | warning | Style blocks in `<body>` |
+
+### Webfont-Usage-Analyzer
+
+`load-failed`, `loaded-unused` and `redeclared` name the font file by its URL in `target`, or the face when it has none.
+
+| Code | Severity | When |
+|------|----------|------|
+| `load-failed` | error | A font that failed to load |
+| `loaded-unused` | warning | A loaded font that no rendered element uses |
+| `redeclared` | warning | A loaded font declared again later with the same descriptors, so the page uses the other file |
+| `blocking-font-display` | warning | Faces with `font-display` `auto` or `block`, which can keep text invisible |
+| `heavy-fonts` | warning | Web fonts above 300 KB in total |
+| `never-loaded` | info | Faces declared and never loaded |
+| `shadowed` | info | Faces declared more than once, whose earlier declarations never loaded |
+| `unused-subsets` | info | `unicode-range` subsets the page did not need |
+| `size-unknown` | info | Cross-origin font files without `Timing-Allow-Origin`, so the byte totals are a lower bound |
+| `unreadable-stylesheets` | info | Cross-origin stylesheets whose font files cannot be matched to faces |
+| `elements-capped` | info | Only the first 20,000 elements were scanned for text |
+
 ### First-And-Third-Party-Script-Info
 
 | Code | Severity | When |
diff --git a/snippets/Loading/CSS-Media-Queries-Analysis.js b/snippets/Loading/CSS-Media-Queries-Analysis.js
index 3e59681f..a3cfc7ba 100644
--- a/snippets/Loading/CSS-Media-Queries-Analysis.js
+++ b/snippets/Loading/CSS-Media-Queries-Analysis.js
@@ -151,21 +151,23 @@ async function analyzeCSSMediaQueries(minWidth = 768) {
 
   const issues = [];
   if (rules.length === 0) {
-    issues.push({ severity: "info", message: `No @media rules for viewports wider than ${minWidth}px` });
+    issues.push({ code: "no-wide-rules", severity: "info", message: `No @media rules for viewports wider than ${minWidth}px` });
   } else {
     issues.push({
+      code: "wide-rules",
       severity: totalBytes > WARNING_BYTES ? "warning" : "info",
       message: `${rules.length} @media rules for viewports wider than ${minWidth}px add ${formatBytes(totalBytes)} of CSS that narrower screens download and parse without using. Move them to a stylesheet with a media attribute, such as <link rel="stylesheet" href="wide.css" media="(min-width: ${minWidth + 1}px)">, which narrower screens fetch at low priority without blocking rendering`,
     });
     if (rules.length >= 20 && uniquenessRatio < 0.1) {
       issues.push({
+        code: "repeated-queries",
         severity: "info",
         message: `${queries.length} distinct queries repeat across ${rules.length} @media blocks, the pattern of component-scoped or compiled CSS. Grouping the rules of each query under one block shortens the stylesheets`,
       });
     }
   }
   if (corsBlockedCount > 0) {
-    issues.push({ severity: "info", message: `${corsBlockedCount} cross-origin stylesheet(s) could not be read, so their @media rules are not counted` });
+    issues.push({ code: "unreadable-stylesheets", severity: "info", message: `${corsBlockedCount} cross-origin stylesheet(s) could not be read, so their @media rules are not counted` });
   }
 
   // --- Console output --------------------------------------------------------------------
diff --git a/snippets/Loading/Content-Visibility.js b/snippets/Loading/Content-Visibility.js
index d0c6e3b0..f1d2199a 100644
--- a/snippets/Loading/Content-Visibility.js
+++ b/snippets/Loading/Content-Visibility.js
@@ -348,9 +348,9 @@ window.analyzeContentVisibilityOpportunities = analyzeContentVisibilityOpportuni
     issues: [
       ...cvResults.autoElements
         .filter(el => el.containIntrinsicSize === "not set" || el.containIntrinsicSize === "none")
-        .map(el => ({ severity: "warning", message: `${el.selector}: missing contain-intrinsic-size (CLS risk)` })),
+        .map(el => ({ code: "missing-intrinsic-size", severity: "warning", message: `${el.selector}: missing contain-intrinsic-size (CLS risk)`, target: el.selector })),
       ...(cvResults.autoElements.length + cvResults.hiddenElements.length === 0
-        ? [{ severity: "info", message: "No content-visibility usage found. Consider content-visibility: auto on below-the-fold sections to reduce the initial render cost." }]
+        ? [{ code: "not-used", severity: "info", message: "No content-visibility usage found. Consider content-visibility: auto on below-the-fold sections to reduce the initial render cost." }]
         : []),
     ],
   };
diff --git a/snippets/Loading/Critical-CSS-Detection.js b/snippets/Loading/Critical-CSS-Detection.js
index f03dcb2d..6abd8a53 100644
--- a/snippets/Loading/Critical-CSS-Detection.js
+++ b/snippets/Loading/Critical-CSS-Detection.js
@@ -221,6 +221,7 @@
 
   if (renderBlockingCSS.length > 0 && inlineStyles.length === 0) {
     issues.push({
+      code: "no-inline-critical-css",
       severity: "high",
       message: "No critical CSS inlined: all CSS loads via render-blocking requests",
       suggestion:
@@ -230,6 +231,7 @@
 
   if (totalRenderBlockingDecoded > criticalBudget) {
     issues.push({
+      code: "render-blocking-over-budget",
       severity: "high",
       message: `Render-blocking CSS (${formatBytes(totalRenderBlockingDecoded)}) exceeds the 14 KB critical budget`,
       suggestion:
@@ -242,6 +244,7 @@
   );
   if (largeUnpreloaded.length > 0) {
     issues.push({
+      code: "large-not-preloaded",
       severity: "medium",
       message: `${largeUnpreloaded.length} large render-blocking stylesheet(s) without preload`,
       details: largeUnpreloaded.map(
@@ -253,6 +256,7 @@
 
   if (totalInlineBytes > criticalBudget) {
     issues.push({
+      code: "inline-over-budget",
       severity: "high",
       message: `Inline CSS (${formatBytes(totalInlineBytes)}) exceeds the 14 KB critical budget`,
       suggestion:
@@ -263,6 +267,7 @@
   const bodyInlineStyles = inlineStyles.filter((s) => !s.inHead);
   if (bodyInlineStyles.length > 0) {
     issues.push({
+      code: "styles-in-body",
       severity: "medium",
       message: `${bodyInlineStyles.length} inline style block(s) found in <body>`,
       suggestion:
@@ -332,6 +337,7 @@
       corsBlocked: s.corsBlocked,
     })),
     issues: issues.map(i => ({
+      code: i.code,
       severity: i.severity === 'high' ? 'error' : 'warning',
       message: i.message,
     })),
diff --git a/snippets/Loading/Find-Above-The-Fold-Lazy-Loaded-Images.js b/snippets/Loading/Find-Above-The-Fold-Lazy-Loaded-Images.js
index dcf0bf07..ebbcf10d 100644
--- a/snippets/Loading/Find-Above-The-Fold-Lazy-Loaded-Images.js
+++ b/snippets/Loading/Find-Above-The-Fold-Lazy-Loaded-Images.js
@@ -265,8 +265,8 @@
       isLcpCandidate: image.isLcpCandidate,
     })),
     issues: [
-      ...(results.summary.lcpAffected ? [{ severity: "error", message: 'LCP candidate image has lazy loading: remove loading="lazy" and add fetchpriority="high"' }] : []),
-      ...(results.lazyImages.filter(i => !i.isLcpCandidate).length > 0 ? [{ severity: "warning", message: `${results.lazyImages.filter(i => !i.isLcpCandidate).length} above-fold image(s) have lazy loading: remove loading="lazy"` }] : []),
+      ...(results.summary.lcpAffected ? [{ code: "lcp-lazy", severity: "error", message: 'LCP candidate image has lazy loading: remove loading="lazy" and add fetchpriority="high"' }] : []),
+      ...(results.lazyImages.filter(i => !i.isLcpCandidate).length > 0 ? [{ code: "lazy-above-fold", severity: "warning", message: `${results.lazyImages.filter(i => !i.isLcpCandidate).length} above-fold image(s) have lazy loading: remove loading="lazy"` }] : []),
     ],
   };
 })();
diff --git a/snippets/Loading/Find-Images-With-Lazy-and-Fetchpriority.js b/snippets/Loading/Find-Images-With-Lazy-and-Fetchpriority.js
index b65df14b..bfeb8665 100644
--- a/snippets/Loading/Find-Images-With-Lazy-and-Fetchpriority.js
+++ b/snippets/Loading/Find-Images-With-Lazy-and-Fetchpriority.js
@@ -149,7 +149,7 @@
       };
     }),
     issues: conflictingElements.length > 0
-      ? [{ severity: "error", message: `${conflictingElements.length} element(s) have conflicting loading="lazy" and fetchpriority="high"` }]
+      ? [{ code: "lazy-and-high-priority", severity: "error", message: `${conflictingElements.length} element(s) have conflicting loading="lazy" and fetchpriority="high"` }]
       : [],
   };
 })();
diff --git a/snippets/Loading/Find-non-Lazy-Loaded-Images-outside-of-the-viewport.js b/snippets/Loading/Find-non-Lazy-Loaded-Images-outside-of-the-viewport.js
index bf4ed47a..be3a457a 100644
--- a/snippets/Loading/Find-non-Lazy-Loaded-Images-outside-of-the-viewport.js
+++ b/snippets/Loading/Find-non-Lazy-Loaded-Images-outside-of-the-viewport.js
@@ -304,7 +304,7 @@
       })),
     ],
     issues: totalImages > 0
-      ? [{ severity: "warning", message: `${totalImages} image(s) outside the viewport are missing loading="lazy"` }]
+      ? [{ code: "eager-off-viewport", severity: "warning", message: `${totalImages} image(s) outside the viewport are missing loading="lazy"` }]
       : [],
   };
 })();
diff --git a/snippets/Loading/Find-render-blocking-resources.js b/snippets/Loading/Find-render-blocking-resources.js
index 56d1dd1c..f3b5427d 100644
--- a/snippets/Loading/Find-render-blocking-resources.js
+++ b/snippets/Loading/Find-render-blocking-resources.js
@@ -161,7 +161,7 @@
       sizeBytes: r.size,
     })),
     issues: blockingResources.length > 0
-      ? [{ severity: "error", message: `${blockingResources.length} render-blocking resource(s) delay rendering until ${Math.round(lastBlockingEnd)}ms` }]
+      ? [{ code: "render-blocking", severity: "error", message: `${blockingResources.length} render-blocking resource(s) delay rendering until ${Math.round(lastBlockingEnd)}ms` }]
       : [],
   };
 })();
diff --git a/snippets/Loading/Fonts-Preloaded-Loaded-and-used-above-the-fold.js b/snippets/Loading/Fonts-Preloaded-Loaded-and-used-above-the-fold.js
index efe48f98..c80cd064 100644
--- a/snippets/Loading/Fonts-Preloaded-Loaded-and-used-above-the-fold.js
+++ b/snippets/Loading/Fonts-Preloaded-Loaded-and-used-above-the-fold.js
@@ -359,9 +359,9 @@
     items: uniqueLoadedFonts.slice(0, 50).map(f => ({ family: f.family, weight: f.weight, style: f.style, display: f.display })),
     usedFonts: usedFonts.slice(0, 50).map(f => ({ family: f.family, weight: f.weight, style: f.style, elements: f.elements })),
     issues: [
-      ...preloadedNotUsed.map(f => ({ severity: "warning", message: `Preloaded but not used above fold: ${f.name}` })),
-      ...usedNotPreloaded.map(f => ({ severity: "warning", message: `Used above fold but not preloaded: ${f.family} (${f.weight})` })),
-      ...preloadedFonts.filter(f => !f.crossorigin).map(f => ({ severity: "error", message: `Font preloaded without crossorigin (double fetch): ${f.name}` })),
+      ...preloadedNotUsed.map(f => ({ code: "preloaded-unused", severity: "warning", message: `Preloaded but not used above fold: ${f.name}`, target: f.name })),
+      ...usedNotPreloaded.map(f => ({ code: "used-not-preloaded", severity: "warning", message: `Used above fold but not preloaded: ${f.family} (${f.weight})`, target: `${f.family} (${f.weight})` })),
+      ...preloadedFonts.filter(f => !f.crossorigin).map(f => ({ code: "preload-no-crossorigin", severity: "error", message: `Font preloaded without crossorigin (double fetch): ${f.name}`, target: f.name })),
     ],
   };
 })();
diff --git a/snippets/Loading/Inline-CSS-Info-and-Size.js b/snippets/Loading/Inline-CSS-Info-and-Size.js
index 7d597b1f..557d6d0c 100644
--- a/snippets/Loading/Inline-CSS-Info-and-Size.js
+++ b/snippets/Loading/Inline-CSS-Info-and-Size.js
@@ -146,6 +146,7 @@
 
   if (totalSize > criticalBudget) {
     issues.push({
+      code: "over-budget",
       type: "size",
       message: `Total inline CSS (${formatBytes(totalSize)}) exceeds 14 KB critical budget`,
       suggestion: "Move non-critical styles to external stylesheet",
@@ -154,6 +155,7 @@
 
   if (duplicates.length > 0) {
     issues.push({
+      code: "duplicate-blocks",
       type: "duplicate",
       message: `Found ${duplicates.length} duplicated style block(s)`,
       details: duplicates.map((d) => `Tags #${d.join(", #")} have identical content`),
@@ -164,6 +166,7 @@
   const largeBlocks = styles.filter((s) => s.size > 5 * 1024);
   if (largeBlocks.length > 0) {
     issues.push({
+      code: "large-blocks",
       type: "large",
       message: `${largeBlocks.length} style block(s) over 5 KB`,
       details: largeBlocks.map((s) => `Tag #${s.index}: ${formatBytes(s.size)}`),
@@ -174,6 +177,7 @@
   const bodyStyles = styles.filter((s) => !s.inHead);
   if (bodyStyles.length > 0) {
     issues.push({
+      code: "styles-in-body",
       type: "location",
       message: `${bodyStyles.length} style block(s) in <body>`,
       details: bodyStyles.map((s) => `Tag #${s.index}`),
@@ -231,6 +235,6 @@
       bodyStyleBlocks: styles.filter(s => !s.inHead).length,
     },
     items: styles.map(s => ({ index: s.index, sizeBytes: s.size, parent: s.parent, inHead: s.inHead, ruleCount: s.ruleCount, hasMediaQueries: s.hasMediaQueries, hasKeyframes: s.hasKeyframes })),
-    issues: issues.map(i => ({ severity: "warning", message: i.message })),
+    issues: issues.map(i => ({ code: i.code, severity: "warning", message: i.message })),
   };
 })();
diff --git a/snippets/Loading/Webfont-Usage-Analyzer.js b/snippets/Loading/Webfont-Usage-Analyzer.js
index 4da2440f..0d2e0453 100644
--- a/snippets/Loading/Webfont-Usage-Analyzer.js
+++ b/snippets/Loading/Webfont-Usage-Analyzer.js
@@ -269,43 +269,42 @@
   };
 
   const issues = [
-    ...failed.map((f) => ({ severity: "error", message: `Font failed to load: ${label(f)}` })),
+    ...failed.map((f) => ({ code: "load-failed", severity: "error", message: `Font failed to load: ${label(f)}`, target: f.url || label(f) })),
     ...[...new Map(loadedUnused.map((f) => [`${label(f)}|${f.url}`, f])).values()].map((f) => {
       const bytes = wastedBytes(f) ? `, ${kb(wastedBytes(f))} downloaded for nothing` : "";
-      return {
-        severity: "warning",
-        message: f._redeclared
-          ? `Loaded but declared again later with the same descriptors, so the page renders with the other file: ${label(f)}${f.url ? ` from ${f.url}` : ""}${bytes}`
-          : `Loaded but not used by any rendered element: ${label(f)}${bytes}`,
-      };
+      const target = f.url || label(f);
+      return f._redeclared
+        ? { code: "redeclared", severity: "warning", message: `Loaded but declared again later with the same descriptors, so the page renders with the other file: ${label(f)}${f.url ? ` from ${f.url}` : ""}${bytes}`, target }
+        : { code: "loaded-unused", severity: "warning", message: `Loaded but not used by any rendered element: ${label(f)}${bytes}`, target };
     }),
   ];
   if (blockingDisplay.length > 0) {
     issues.push({
+      code: "blocking-font-display",
       severity: "warning",
       message: `font-display is auto or block on ${uniqueLabels(blockingDisplay).length} face(s), so text can stay invisible while they load. Use swap or optional: ${names(blockingDisplay)}`,
     });
   }
   if (totalFontBytes > BYTES_WARNING) {
-    issues.push({ severity: "warning", message: `Web fonts weigh ${kb(totalFontBytes)} in total (over ${kb(BYTES_WARNING)}). Subset, use WOFF2 or drop unused weights` });
+    issues.push({ code: "heavy-fonts", severity: "warning", message: `Web fonts weigh ${kb(totalFontBytes)} in total (over ${kb(BYTES_WARNING)}). Subset, use WOFF2 or drop unused weights` });
   }
   if (neverLoadedWhole.length > 0) {
-    issues.push({ severity: "info", message: `Declared but never loaded (${uniqueLabels(neverLoadedWhole).length}); nothing on this page needed them: ${names(neverLoadedWhole)}` });
+    issues.push({ code: "never-loaded", severity: "info", message: `Declared but never loaded (${uniqueLabels(neverLoadedWhole).length}); nothing on this page needed them: ${names(neverLoadedWhole)}` });
   }
   if (shadowed.length > 0) {
-    issues.push({ severity: "info", message: `Declared more than once with the same descriptors; the page uses a later declaration, so these never loaded (${uniqueLabels(shadowed).length}): ${names(shadowed)}` });
+    issues.push({ code: "shadowed", severity: "info", message: `Declared more than once with the same descriptors; the page uses a later declaration, so these never loaded (${uniqueLabels(shadowed).length}): ${names(shadowed)}` });
   }
   if (neverLoadedSubsets.length > 0) {
-    issues.push({ severity: "info", message: `unicode-range subsets this page did not need (${uniqueLabels(neverLoadedSubsets).length}), which is the intended behavior of a split font: ${names(neverLoadedSubsets)}` });
+    issues.push({ code: "unused-subsets", severity: "info", message: `unicode-range subsets this page did not need (${uniqueLabels(neverLoadedSubsets).length}), which is the intended behavior of a split font: ${names(neverLoadedSubsets)}` });
   }
   if (!bytesReadable) {
-    issues.push({ severity: "info", message: "Some font files are cross-origin without Timing-Allow-Origin, so their size reads as 0 and the byte totals are a lower bound" });
+    issues.push({ code: "size-unknown", severity: "info", message: "Some font files are cross-origin without Timing-Allow-Origin, so their size reads as 0 and the byte totals are a lower bound" });
   }
   if (unreadableStylesheets > 0) {
-    issues.push({ severity: "info", message: `${unreadableStylesheets} cross-origin stylesheet(s) could not be read, so their font files cannot be matched to faces` });
+    issues.push({ code: "unreadable-stylesheets", severity: "info", message: `${unreadableStylesheets} cross-origin stylesheet(s) could not be read, so their font files cannot be matched to faces` });
   }
   if (scanned < elements.length) {
-    issues.push({ severity: "info", message: `Only the first ${MAX_ELEMENTS} elements were scanned for text; some faces may be reported as unused` });
+    issues.push({ code: "elements-capped", severity: "info", message: `Only the first ${MAX_ELEMENTS} elements were scanned for text; some faces may be reported as unused` });
   }
 
   // --- One row per face and file --------------------------------------------------------
diff --git a/snippets/SCHEMA.md b/snippets/SCHEMA.md
index 975142c7..f53498ff 100644
--- a/snippets/SCHEMA.md
+++ b/snippets/SCHEMA.md
@@ -1232,6 +1232,94 @@ An issue about one thing among several, one issue per thing, also names it in `t
 | `could-defer` | info | Blocking scripts other than the last three of `<body>`, which could try `defer` |
 | `unknown-size` | info | Scripts whose size is hidden by a missing `Timing-Allow-Origin`, so the total is a lower bound |
 
+### CSS-Media-Queries-Analysis
+
+| Code | Severity | When |
+|------|----------|------|
+| `no-wide-rules` | info | No `@media` rules for viewports wider than the breakpoint (768 px by default) |
+| `wide-rules` | info or warning | `@media` rules for wider viewports that narrower screens download without using, a warning above 50 KB |
+| `repeated-queries` | info | Few distinct queries repeated across many `@media` blocks |
+| `unreadable-stylesheets` | info | Cross-origin stylesheets whose rules cannot be read |
+
+### Content-Visibility
+
+| Code | Severity | When |
+|------|----------|------|
+| `missing-intrinsic-size` | warning | An element with `content-visibility: auto` and no `contain-intrinsic-size`; `target` is its selector |
+| `not-used` | info | No `content-visibility` on the page |
+
+### Critical-CSS-Detection
+
+| Code | Severity | When |
+|------|----------|------|
+| `no-inline-critical-css` | error | Render-blocking stylesheets and no inline critical CSS |
+| `render-blocking-over-budget` | error | Render-blocking CSS above the 14 KB critical budget |
+| `large-not-preloaded` | warning | Render-blocking stylesheets above 10 KB without preload |
+| `inline-over-budget` | error | Inline CSS above the 14 KB critical budget |
+| `styles-in-body` | warning | Inline style blocks in `<body>` |
+
+### Find-Above-The-Fold-Lazy-Loaded-Images
+
+| Code | Severity | When |
+|------|----------|------|
+| `lcp-lazy` | error | The LCP candidate image has `loading="lazy"` |
+| `lazy-above-fold` | warning | Other images above the fold with `loading="lazy"` |
+
+### Find-Images-With-Lazy-and-Fetchpriority
+
+| Code | Severity | When |
+|------|----------|------|
+| `lazy-and-high-priority` | error | Elements with both `loading="lazy"` and `fetchpriority="high"` |
+
+### Find-non-Lazy-Loaded-Images-outside-of-the-viewport
+
+| Code | Severity | When |
+|------|----------|------|
+| `eager-off-viewport` | warning | Images outside the viewport without `loading="lazy"` |
+
+### Find-render-blocking-resources
+
+| Code | Severity | When |
+|------|----------|------|
+| `render-blocking` | error | Resources that block rendering |
+
+### Fonts-Preloaded-Loaded-and-used-above-the-fold
+
+Each issue names its font in `target`.
+
+| Code | Severity | When |
+|------|----------|------|
+| `preloaded-unused` | warning | A preloaded font that the content above the fold does not use |
+| `used-not-preloaded` | warning | A font used above the fold without preload |
+| `preload-no-crossorigin` | error | A font preload without `crossorigin`, which fetches the font twice |
+
+### Inline-CSS-Info-and-Size
+
+| Code | Severity | When |
+|------|----------|------|
+| `over-budget` | warning | Inline CSS above the 14 KB critical budget |
+| `duplicate-blocks` | warning | Style blocks with identical content |
+| `large-blocks` | warning | Style blocks above 5 KB |
+| `styles-in-body` | warning | Style blocks in `<body>` |
+
+### Webfont-Usage-Analyzer
+
+`load-failed`, `loaded-unused` and `redeclared` name the font file by its URL in `target`, or the face when it has none.
+
+| Code | Severity | When |
+|------|----------|------|
+| `load-failed` | error | A font that failed to load |
+| `loaded-unused` | warning | A loaded font that no rendered element uses |
+| `redeclared` | warning | A loaded font declared again later with the same descriptors, so the page uses the other file |
+| `blocking-font-display` | warning | Faces with `font-display` `auto` or `block`, which can keep text invisible |
+| `heavy-fonts` | warning | Web fonts above 300 KB in total |
+| `never-loaded` | info | Faces declared and never loaded |
+| `shadowed` | info | Faces declared more than once, whose earlier declarations never loaded |
+| `unused-subsets` | info | `unicode-range` subsets the page did not need |
+| `size-unknown` | info | Cross-origin font files without `Timing-Allow-Origin`, so the byte totals are a lower bound |
+| `unreadable-stylesheets` | info | Cross-origin stylesheets whose font files cannot be matched to faces |
+| `elements-capped` | info | Only the first 20,000 elements were scanned for text |
+
 ### First-And-Third-Party-Script-Info
 
 | Code | Severity | When |