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 |

Ottimizzazione multimediale intelligente con flussi di lavoro automatizzati per immagini, video e SVG. Include alberi decisionali che rilevano le immagini LCP (attivano l'analisi di formato/caricamento lento/priorità), identificano i rischi di spostamento del layout (dimensioni mancanti) e segnalano problemi di caricamento lento (above-fold pigro o lower-fold desideroso). Dispone di flussi di lavoro per il controllo completo dei media, l'analisi delle immagini LCP, le prestazioni video (ottimizzazione dei poster) e il rilevamento delle bitmap incorporate SVG. Integrazione di competenze trasversali con Core Web Vitals (impatto LCP/CLS) e caricamento (suggerimenti prioritari, precaricamento delle risorse). Fornisce budget per le prestazioni e consigli sui formati in base al tipo di contenuto. Da utilizzare quando l'utente chiede informazioni sull'ottimizzazione dell'immagine, LCP è un'immagine/video, spostamenti di layout dai media o strategia di caricamento dei media. Compatibile con Chrome DevTools MCP. Fonte: nucliweb/webperf-snippets.