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 |

Intelligente Medienoptimierung mit automatisierten Workflows für Bilder, Videos und SVGs. Enthält Entscheidungsbäume, die LCP-Bilder erkennen (Format-/Lazy-Loading-/Prioritätsanalyse auslösen), Layoutverschiebungsrisiken (fehlende Dimensionen) identifizieren und Lazy-Loading-Probleme (Above-Fold-Lazy oder Below-Fold-Eager) kennzeichnen. Bietet Workflows für eine vollständige Medienprüfung, LCP-Bilduntersuchung, Videoleistung (Posteroptimierung) und SVG-eingebettete Bitmap-Erkennung. Cross-Skill-Integration mit Core Web Vitals (LCP/CLS-Auswirkung) und Loading (Prioritätshinweise, Vorabladen von Ressourcen). Bietet Leistungsbudgets und Formatempfehlungen basierend auf dem Inhaltstyp. Verwenden Sie diese Option, wenn der Benutzer nach Bildoptimierung fragt, LCP ist ein Bild/Video, Layoutverschiebungen von Medien oder Medienladestrategie. Kompatibel mit Chrome DevTools MCP. Quelle: nucliweb/webperf-snippets.