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 |

Интеллектуальная оптимизация мультимедиа с автоматизированными рабочими процессами для изображений, видео и SVG. Включает деревья решений, которые обнаруживают изображения LCP (триггеры формата/ленивой загрузки/анализа приоритетов), выявляют риски смещения макета (отсутствующие измерения) и отмечают проблемы с ленивой загрузкой (ленивый верхний сгиб или активный нижний сгиб). Содержит рабочие процессы для полного аудита мультимедиа, исследования изображений LCP, производительности видео (оптимизация плакатов) и обнаружения встроенных растровых изображений SVG. Межквалифицированная интеграция с Core Web Vitals (влияние LCP/CLS) и загрузкой (подсказки по приоритетам, предварительная загрузка ресурсов). Предоставляет бюджеты производительности и рекомендации по формату в зависимости от типа контента. Используйте, когда пользователь спрашивает об оптимизации изображения, LCP — это изображение/видео, изменения макета от медиа или стратегия загрузки мультимедиа. Совместим с Chrome DevTools MCP. Источник: nucliweb/webperf-snippets.