CLSを改善 | 項目 | 状態 | |------|------| | 画像のwidth/height属性 | 適用済み（1022c82 直読み込み16件、b2f9472 遅延読込462件。unsized-images 432要素→0要素） | | 動的に挿入されるコンテンツ | 一部適用済み（f06abac: #block-header-bnr の高さ事前確保）。残り6箇所は layout-shifts 監査でシフト未検出のため対処不要 | | ヘッダー/フッターの動的な高さ変化 | 適用済み（13f3a68: .wrapper の padding-top 73px を CSS で事前確保） | | カルーセル/スライダーのCSS最適化（必須） | 適用済み。メインビジュアル=1022c82、ランキングタブ=1873ddc（効果なし・実測0.000）、特集ブロック=実測0.029だが対処見送り（Diff 9.1662% が上限直近、ベースライン不変ルールにより回避不可）、bxslider=未使用 | | 遅延読込CSSによるレイアウト後付け | 適用済み（04df482: #top-slider-wrap の margin/overflow をレンダーブロッキングCSSへ前倒し） | | Webフォント | 該当なし（@font-face 9件はコメントアウト済み。Google Fonts は css2 正規版・display=swap・preconnect 済みで font-display 監査 score 1） | | JSによるzoom変更 | 該当なし（第一者JSにヒット0件。Swiper内蔵ズームと旧IE向け zoom:1 ハックのみ） | | コミット | プラクティス | CLS | Score | |---|---|---|---| | 1022c82 | 直読み込み画像への width/height 属性付与（16件） | 0.229 | 88 | | b2f9472 | 遅延読込画像への width/height + aspect-ratio 付与（462件） | 0.174 | 92 | | 13f3a68 | 固定ヘッダー分の余白をCSSで事前確保（73px） | 0.075 | 99 | | f06abac | ヘッダー下帯バナー領域の高さ事前確保 | 0.010 | 100 | | 1873ddc | ランキングタブのJS再構成によるレイアウト変化の抑止（効果なし・実測0） | 0.010 | 100 | | 04df482 | スライダーラッパー余白のレンダーブロッキングCSSへの前倒し | 0.000 | 100 | 全6プラクティス採用、不採用0件。フォーカス指標 CLS が悪化したプラクティスは0件。 LCP: 806ms CLS: 0.000（実数値 0.0000605） TBT: 40ms FCP: 530ms SI: 2450ms Overall Score: 100 CLS 0.721 → 0.000（実質解消）、Overall Score 76 → 100 layout-shifts 監査・unsized-images 監査ともに score 1.0