LCPを改善 | plan.md番号 | コミット | プラクティス | 主要効果 | 改修主体 | |---|----------|-------------|----------|----------| | P1 | a426ce3 | LCP画像の preload + fetchpriority=high | トレース実測LCP -18.7ms | フロントエンド | | P2 | 44c152f | 初期ビューポート外177 src に loading="lazy" | Lantern LCP -139ms、初期転送量 -6.17MB | フロントエンド | | P5 | c6a4419 | 全画像WebP化169件 | 転送量 -4.35MB、modern-image-formats 0.5→1.0 | 画像制作＋CDN | | P3 | 5e12a8b | サムネイル帯の適正サイズ化（148px派生） | Lantern LCP -33ms、critical window -736KB | 画像制作＋CDN | | P4 | 05893e4 | LCP画像の適正サイズ化（721px派生） | Lantern LCP -21ms、critical window -177KB | 画像制作＋CDN | | P6 | 6329939 | picture+media によるPC/SP出し分け | 転送量 -1.79MB、リクエスト -23件 | フロントエンド | | P7 | 9b8cfcd | LCP画像のCDNエッジキャッシュ化（48件） | LCP画像TTFB -47ms | インフラ／CDN | | P8 | ac83d56 | ドキュメントTTFB短縮シミュレーション（591→200ms） | 実ブラウザ観測LCP 782→390ms（-392ms） | インフラ／サーバー | | - | 0f43b2b | （プラクティスではない）計測環境の正常化 | - | - | | 項目 | 状態 | |------|------| | LCP対象画像の優先読み込み不足 | 適用済み（P1。発行順位16→3位、priority Medium→High） | | 画像の最適化（サイズ・データ量） | 適用済み（P3・P4。critical window -913KB） | | 画像の最適化（WebP変換） | 適用済み（P5。-60.1%） | | 画像の最適化（フォーマット選択） | 適用済み（P5。JPEG -63.2% / PNG -36.0%） | | 不要な画像のDL（PC用画像がSPでDL） | 適用済み（P6。-1.79MB） | | 不要な画像のDL（picture/MQ出し分け） | 適用済み（P6。出し分け機構が完全に存在しなかった） | | 遅延読み込みの完全な欠如（追加発見） | 適用済み（P2。loading属性0件、203画像が1.2msバーストで一斉発行） | | 海外サーバーからの配信 | 該当なし（国内Akamaiエッジ、ping RTT 17.3ms） | | CDNの活用が不完全（派生発見） | 適用済み（P7。MISS⟺Set-Cookie の相関100%） | 1. psq playback は二層構造。ネットワーク再生層（トレース実測）は durationMs の逐語再生で 実バイト数を参照しないが、Lantern層（Lighthouse報告値）は transferSize で再計算するため バイト削減が報告値に現れる。 2. Swiper の preloadImages: true が new Image() で強制DLを行い、loading="lazy" と display:none を両方無効化していた。picture化で初めて遅延が実効化（mobile初期画像 -78.7%）。 3. uses-responsive-images はURL単位で「全要素中の最大表示サイズ」を採用するため、 URL使い回しサイトでは過大画像を構造的に見落とす（本フェーズで2例確認）。 4. Lantern は network-server-latency をオリジンの全リクエストTTFB中央値から推定するため、 「速いリクエストを消すと推定サーバ遅延が悪化して見える」逆説がある（P6で対照実験により立証）。 5. LCP 782ms の 75.6% がドキュメントTTFB（インフラ側の課題）。 P1〜P7を全部適用してもこの支配率はほぼ不変だった（76.2% → 75.6%）。 6. P7はP5の前提条件。.webp URLへ移行するとCDNキャッシュルール未修正では 169件がMISSに転落し、-4.35MBの効果が相殺されうる。 7. Lighthouse有効計測の ttfbMs 下限が 525 に移動した（FCPフェーズ時点の500はもはや無効）。 | 監査 | 開始時 | 完了時 | |------|--------|--------| | lcp-discovery-insight | score 0 | score 1 | | modern-image-formats | score 0.5（3,972 KiB） | score 1（0件） | | uses-optimized-images | score 0.5（894 KiB） | score 1（0件） | | image-delivery-insight | score 0.5（3,244 KiB） | score 0.5（519 KiB、約-84%） | | uses-responsive-images | score 0.5 | score 0.5（構造的限界により満点化困難） | LCP: 204ms CLS: 0.000 TBT: 0ms FCP: 204ms SI: 535ms Overall Score: 100 トレース実測LCP: 790.3ms → 751.7ms