webperf-media

JavaScript snippets for measuring web performance in Chrome DevTools. Execute with mcpchrome-devtoolsevaluatescript, capture output with mcpchrome-devtoolsgetconsolemessage.

| Image Element Audit | Audits all elements on the page against image performance best practices — covering loading st | scripts/Image-Element-Audit.js | | SVG Embedded Bitmap Analysis | Scans all SVG resources on the page — both external files and inline elements — and flags any | scripts/SVG-Embedded-Bitmap-Analysis.js |

| Video Element Audit | Audits all elements on the page against video performance best practices — covering preload | scripts/Video-Element-Audit.js |

Optimisation intelligente des médias avec des flux de travail automatisés pour les images, les vidéos et les SVG. Comprend des arbres de décision qui détectent les images LCP (format déclencheur/chargement paresseux/analyse prioritaire), identifient les risques de changement de disposition (dimensions manquantes) et signalent les problèmes de chargement paresseux (paresseux au-dessus de la ligne de flottaison ou impatients en dessous de la ligne de flottaison). Comprend des flux de travail pour un audit complet des médias, une enquête sur les images LCP, les performances vidéo (optimisation des affiches) et la détection des bitmaps SVG intégrés. Intégration cross-compétences avec Core Web Vitals (impact LCP/CLS) et Loading (indices de priorité, préchargement des ressources). Fournit des budgets de performances et des recommandations de format en fonction du type de contenu. À utiliser lorsque l'utilisateur pose des questions sur l'optimisation de l'image, LCP est une image/vidéo, un changement de mise en page par rapport au média ou une stratégie de chargement de média. Compatible avec Chrome DevTools MCP. Source : nucliweb/webperf-snippets.