タグを使用すると、履歴内の特定のポイントを重要なものとしてマークできます
-
補足施策
e6dc7079 · ·補足施策 | 項目 | 状態 | |------|------| | WebP最適化(必須) | 適用済み(LCP P2/P3、本フェーズP1で残り8件) | | JS最適化(body末尾移動+async付与、必須) | 適用済み(FCP P2/P3) | | CSS結合(必須) | 適用済み(FCP P5bでインライン化) | | HTMLファイルサイズ | 適用済み(P11) | | 不要なHTML要素 | 適用済み(P4, P5, P6) | | スライダー・リスト数の制限 | 適用済み(P8) | | 初期非表示要素の遅延読み込み | 適用済み(P2, P9) | | TTFB | 適用済み(P3 要サーバー改修、P12 キャッシュ設定) | | 画像の縮小 | 適用済み(P7) | | JavaScriptのminify | 適用済み(P10) | | GZIP(残り) | 適用済み(P13) | | 高速ネットワークシミュレーション | 比較用(P14、mainには含めない) | | CSSパージ | 適用済み(FCP P4) | | Webフォント(Google Fonts/日本語) | 該当なし | LCP: 60ms CLS: 0.000 TBT: 0ms FCP: 50ms SI: 180ms Overall Score: 100 (総転送量 568KB→388KB、観測loadイベント 約25.9秒→約0.32秒)
-
LCPを改善
3641864d · ·LCPを改善 | 項目 | 状態 | |------|------| | LCP対象画像の優先読み込み不足 | 適用済み(P1、P6でLCP画像をインライン化) | | 画像の最適化(サイズ) | 該当なし(LCP画像は縮小余地なし) | | 画像の最適化(WebP変換) | 適用済み(P2) | | 画像の最適化(写真調PNGのフォーマット選択) | 適用済み(P3) | | 不要な画像のダウンロード | 適用済み(P4、ファーストビュー外の画像を遅延読み込み) | | 海外サーバー配信 | 該当なし | | LCP画像のpreload | 効果比較のうえ不採用(P5、インライン化P6を採用) | LCP: 57ms CLS: 0.000 TBT: 0ms FCP: 46ms SI: 177ms Overall Score: 100 (CPU4倍実測LCP 344ms→308ms、初期表示の画像 994KB→281KB)
-
FCPを改善
7201b43f · ·FCPを改善 | 項目 | 状態 | |------|------| | GZIP圧縮(必須) | 適用済み(P1) | | パブリックCDN同一ドメイン化 | 該当なし | | CSSが別ドメインから配信 | 該当なし | | 複数CSSの一本化 | 効果比較のうえ不採用(P5a、インライン化P5bを採用) | | script要素によるレンダリングブロック | 適用済み(P2, P3) | | CSSの@import使用 | 該当なし | | 不使用CSSの存在 | 適用済み(P4) | | document.write | 該当なし | | Google Optimize | 該当なし | | preloadの誤用 | 該当なし | | クリティカルCSSの逆効果 | 該当なし | | アニメーションによる表示遅延 | 該当なし | | HTMLのTTFB(チェックリスト外) | 適用済み(P6、1266ms→200ms、要サーバー改修) | LCP: 57ms CLS: 0.000 TBT: 0ms FCP: 46ms SI: 174ms Overall Score: 100 (観測FCP 1375ms→273ms、CPU4倍実測FCP 1424ms→308ms。P6のTTFB短縮はサーバー改修が前提のシミュレーション)
-
TBTを改善
9295f2f4 · ·TBTを改善 | 項目 | 状態 | |------|------| | ロングタスク(50ms以上) | 適用済み(P1〜P3) | | スライダー複数初期化 | 適用済み(P1, P3, P7) | | DOMContentLoadedハンドラ内の重い処理 | 適用済み(P1, P4〜P7) | | jQuery .each()による大量DOM操作 | 該当なし | | 同期XHR | 該当なし | | jQuery .load()同期通信 | 該当なし | | 遅延読み込みライブラリ自体の負荷 | 該当なし | LCP: 60ms CLS: 0.000 TBT: 0ms FCP: 58ms SI: 733ms Overall Score: 100 (CPU4倍実測: FCP以降のTBT 16ms→0ms、DOMContentLoadedハンドラ 79ms→43ms)
-
CLSを改善
0c57c59f · ·CLSを改善 | 項目 | 状態 | |------|------| | 画像のwidth/height属性 | 適用済み(P5) | | 動的に挿入されるコンテンツ | 適用済み(P2〜P4) | | Webフォントの読み込み | 該当なし | | カルーセル/スライダー | 適用済み(P1〜P3) | | ヘッダー/フッターの動的な高さ変化 | 適用済み(P4、ヘッダーは該当なし) | | JavaScriptによるzoom変更 | 該当なし | | ファーストビューのカルーセルCSS最適化(必須) | 適用済み(P1) | LCP: 70ms CLS: 0.000 TBT: 0ms FCP: 56ms SI: 738ms Overall Score: 100
-
サードパーティタグを除去
10005d3c · ·サードパーティタグを除去 | 項目 | 状態 | |------|------| | P1 DAC UNITAG(配下のFacebook/X/Pinterest/Google広告等) | 適用済み | | P2 NaviPlus 検索サジェスト | 適用済み | | P3 @cosme トラッキング(iax.js) | 適用済み | | P4 NaviPlus レコメンド(sna.js) | 適用済み | | P5 KARTE | 適用済み | | P6 Criteo OneTag | 適用済み | | P7 New Relic Browser | 適用済み | | P8 DAC 広告配信(TagProvider) | 適用済み | | P9 www.cosme.net 計測用iframe | 適用済み | | P10 AudienceSearch / GTM-PR9DFLL | 適用済み | | P11 GTM-KZT9ZX6S(ContentSquare, TikTok, Yahoo, LINE, RTB House等) | 適用済み | | P12 Google広告 AW-960859345 | 適用済み | | P13 GA4 G-HEKY12CWNG | 適用済み | | P14 GTM-M3KXQCX 本体 | 適用済み | | Public CDN / Google Fonts | 該当なし | LCP: 67ms CLS: 0.005 TBT: 0ms FCP: 59ms SI: 738ms Overall Score: 100
-
オリジナルデータ
a3e9e186 · ·オリジナルデータ LCP: 3384ms CLS: 0.005 TBT: 6ms FCP: 1193ms SI: 12815ms Overall Score: 82