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。