CLSを改善 | 項目 | 状態 | |------|------| | 画像のwidth/height属性の欠如 | 適用済み（mvスライダー8件のsourceにwidth/height付与） | | 動的に挿入されるコンテンツ | 適用済み（v2レイアウトを静的HTMLに事前適用） | | カルーセル/スライダー | 適用済み（ranking/mv の初期化前領域をCSSで確保） | | ヘッダー/フッターの動的な高さ変化 | 適用済み（ロゴ枠のflex-basis固定） | | Webフォントの読み込み | 該当なし（@font-faceはslickのみでfont-display:swap済み、Google Fonts参照0件） | | JavaScriptによるzoomプロパティ変更 | 該当なし（grep 4件すべて無関係と確認） | | 未ログオン状態要素の事前整理 | 効果なし（drawer-navはオフキャンバスでCLS寄与ゼロ。コード変更は不採用） | 0.960（サードパーティ除去後） → 0.952（P-CLS-1 v2レイアウト事前適用） → 0.777（P-CLS-2 mvスライダーのアスペクト比修正） → 0.011（P-CLS-3 カルーセル初期化前領域のCSS事前確保） → 0.000（P-CLS-4 ヘッダーロゴ枠のflex-basis固定） - 真の支配要因はカルーセル（mvスライダー/ランキング）の初期化前の高さ未確保だった - mvスライダーはsource要素にwidth/heightがなく、img属性の比（910x380=2.395）で 予約されるが実配信画像は700x875（0.800）のため +274px の成長が発生していた - Puppeteerでslick初期化前後の幾何を実測し、CSSで同一の幾何を事前確保する手法が有効だった LCP: 398ms CLS: 0.000 TBT: 29ms FCP: 231ms SI: 1042ms Overall Score: 100