タグ

タグを使用すると、履歴内の特定のポイントを重要なものとしてマークできます

  • 補足施策

    93ff56fb · HTML の行頭のインデントと空白だけの行を削除する（HTML の minify、タグ・script・style の中は変えない） · 
    補足施策

| 項目 | 状態 |
|------|------|
| JS最適化 第2段階: async付与（44002d0） | 適用済み（採用） |
| 不要なHTML要素: 未使用scriptの削除（44ef7da） | 適用済み（採用） |
| 複数CSS結合: coordinate.cssの統合（98eb42a） | 適用済み（採用） |
| Google Fonts / 日本語Webフォントをやめる（b322086） | 適用済み（採用） |
| Adobe Fontsをやめる（152e3a5） | 適用済み（採用） |
| CSSパージ（adfc068） | 適用済み（採用） |
| クリティカルCSSのインライン化（fddb26d / 04611c2） | 初案不採用、改良案を採用 |
| 画像のリサイズ（7c4cd68） | 適用済み（採用） |
| 初期非表示のタブパネルの遅延生成（b01e3b0） | 適用済み（採用） |
| ヘッダーメニューの遅延生成 | 該当なし（両幅で非表示は空ラッパー等15件のみ） |
| スライダー・リストの初期件数制限（830b1f7） | 適用済み（採用） |
| content-visibility（89f0f70 / f7ae620） | 不採用 / 効果なし |
| 不要HTML（コメント等）の削除（36fc2d7） | 適用済み（採用） |
| ViewStateの縮小シミュレーション（f5154a6） | 適用済み（採用） |
| HTMLの空白除去（93ff56f） | 適用済み（採用） |
| 高速ネットワークのシミュレーション（c9f9c8e） | 参考値（mainに未マージ） |
| WebP化 / script body末尾移動 / CSS結合（前フェーズ） | 適用済み |
| TTFB（約660ms） | サーバー側の改修が必要（キャッシュ・Early Hints等を提言） |

LCP: 82ms
CLS: 0.000
TBT: 0ms
FCP: 70ms
SI: 586ms
Overall Score: 100

  • LCPを改善

    bd89519b · rustica のフォールバック用に Arial をメトリクス補正した @font-face（rustica-fallback）を定義し、フォントの差し替えによる「RIDE LIFE」のずれをなくす · 
    LCPを改善

| 項目 | 状態 |
|------|------|
| Noto Sans JPフォントpreloadの削除（7fb5324） | 適用済み（採用） |
| 不要な画像のダウンロード: benent.net画像のlazy化（bfbcaa6） | 適用済み（採用） |
| 不要な画像のダウンロード: PC用MVのpicture出し分け（373e4f7） | 適用済み（採用） |
| 不要な画像のダウンロード: 画面外画像のlazy化（a439064 / ccface0） | 初回不採用、L4後の再検証で採用 |
| script要素のbody末尾移動（96beada, FCPフェーズ保留の再検証） | 適用済み（採用） |
| 優先読み込み: MV1枚目のfetchpriority（222d708） | 効果なし |
| 画像の最適化: WebP化（2e9ac00） | 適用済み（採用） |
| rusticaのfont-display:swap（617e43e） | 適用済み（採用） |
| rustica代替フォントのメトリクス補正（bd89519） | 適用済み（採用） |
| rusticaのインライン化+preload（acafa46 / 7be82d9） | 不採用（LCP悪化） |
| 海外サーバー配信 | 該当なし（国内配信） |

LCP: 94ms
CLS: 0.000
TBT: 0ms
FCP: 72ms
SI: 503ms
Overall Score: 100

  • FCPを改善

    4a47ca9f · head の同一ドメインの CSS 9件を1つのファイル（/Css/imports/print.css）に結合する · 
    FCPを改善

| 項目 | 状態 |
|------|------|
| GZIP圧縮（ddc93c3） | 適用済み（採用） |
| パブリックCDN同一ドメイン化: Swiper（f2846a7） | 適用済み（採用） |
| パブリックCDN同一ドメイン化: Rellax（2a2c19c） | 適用済み（採用） |
| Adobe Fonts preconnect（f5298dd） | 不採用（FCP悪化） |
| CSSの@import: kit CSS→link（795110a） | 適用済み（採用） |
| 別ドメインCSS: p.cssの非ブロック化（bab8758） | 適用済み（採用） |
| 別ドメインCSS: Google Fonts CSSの非同期読み込み（86c5086） | 適用済み（採用） |
| 別ドメインCSS: kit CSS同一ドメイン化（5624fcd） | 不採用（非同期化と択一） |
| 別ドメインCSS: kit CSSの非同期読み込み（8e095bc） | 適用済み（採用） |
| CSSの@import: common.css→link（308aa17） | 適用済み（採用） |
| document.write の排除（977a44d） | 適用済み（採用） |
| script要素のbody末尾移動（bf69361 / 35724a6） | 保留（Lighthouse SI推定悪化。LCPフェーズで再検証） |
| script要素へのasync付与（7842f38） | 効果なし（不採用） |
| 不使用CSSファイルの除去（810e5e1） | 適用済み（採用） |
| CSSの結合（4a47ca9） | 適用済み（採用） |
| 不使用CSSルールの削減 PurgeCSS（99d6754） | 効果なし（不採用） |
| Google Optimize / preload誤用 / クリティカルCSS逆効果 / アニメーション遅延 | 該当なし |

LCP: 750ms
CLS: 0.002
TBT: 0ms
FCP: 141ms
SI: 835ms
Overall Score: 100

  • TBTを改善

    c414dbfe · Tailwind Play CDN を、ページが使うクラスだけを含むビルド済み CSS（インライン style）に置き換える · 
    TBTを改善

| 項目 | 状態 |
|------|------|
| ロングタスク / DOMContentLoadedハンドラの重い処理: 初期化の分割（bb5810e） | 適用済み（採用） |
| Tailwind Play CDNの実行時JITをビルド済みCSSに置換（c414dbf） | 適用済み（採用） |
| ティッカーSwiper初期化のパース分離（f3807ee） | 不採用（CPU×4で悪化） |
| スライダー複数初期化: Swiperを1件ずつ初期化（4134afb） | 効果なし（不採用） |
| jQuery .each() による大量DOM操作 | 該当なし |
| 同期XHR | 該当なし（読込時に未呼出） |
| jQuery .load() | 該当なし |
| 遅延読み込みライブラリの負荷 | 該当なし（ネイティブloading=lazyのみ） |

※psqのLighthouseはCPU減速なしのためTBTは0ms。CPU×4再現のTBT相当値は 294.3ms → 49.2ms。

LCP: 2183ms
CLS: 0.000
TBT: 0ms
FCP: 1372ms
SI: 2705ms
Overall Score: 98

  • CLSを改善

    8cfa9186 · ファーストビューの Noto Sans JP サブセット10件を preload してフォント差し替えのシフトをなくす · 
    CLSを改善

| 項目 | 状態 |
|------|------|
| スライダーのページ番号をHTMLに記述（カルーセル・動的挿入, e757a4d） | 適用済み（採用） |
| 画像のwidth/height属性（198件, f2ab39a） | 適用済み（採用） |
| Webフォント: Noto Sans JPサブセットのpreload（8cfa918） | 適用済み（採用） |
| Webフォント: Noto Sans JP display=optional（618c55e） | 効果比較で不採用 |
| Webフォント: Noto Sans JP廃止（9a43db5） | 効果比較で不採用 |
| Adobe Fonts rustica font-display:swap（d4815c3） | 不採用（CLS悪化） |
| Adobe Fonts rustica font-display:optional（de284e8） | 効果なし |
| ヘッダーのミニカート高さ | 該当なし（計測環境起因、2718618で解消） |
| zoom変更 | 該当なし |

LCP: 2653ms
CLS: 0.000
TBT: 0ms
FCP: 1799ms
SI: 2859ms
Overall Score: 95

  • サードパーティタグを除去

    84ea264f · Google Tag Manager（GTM-NNX7DH8）を除去 · 
    サードパーティタグを除去

| 項目 | 状態 |
|------|------|
| YouTube IFrame API（e4abada） | 適用済み（採用） |
| Evergage（7695b89） | 適用済み（採用） |
| A8.net（c4a9a70） | 適用済み（採用） |
| AudienceSearch＋配下タグ（e239812） | 適用済み（採用） |
| Meta Pixel（d7c2cc6） | 適用済み（採用） |
| Cloudflare Bot Management（bacd8d9） | 適用済み（採用） |
| Cloudflare Web Analytics（e75f384） | 適用済み（採用） |
| probo POPLINK（a85559a） | 適用済み（採用） |
| SFMC Cookieスニペット（f842bb5） | 適用済み（採用） |
| Benent計測スクリプト（6da1ccb） | 適用済み（採用） |
| UA analytics.js（16c9da7） | 適用済み（保留：除去自体はmainに反映済み。計測揺らぎでScore低下） |
| GA4 gtag直書き（ff9192c） | 適用済み（採用） |
| GTM-NNX7DH8＋配下タグ（84ea264） | 適用済み（採用） |
| Public CDN（jsdelivr / Tailwind CDN） | 対象外（後続フェーズで扱う） |
| Google Fonts / Adobe Fonts | 対象外（Webフォント配信。後続フェーズで扱う） |

LCP: 2590ms
CLS: 0.020
TBT: 0ms
FCP: 1706ms
SI: 2726ms
Overall Score: 96

  • オリジナルデータ

    6352364f · オリジナルデータ · 
    オリジナルデータ

LCP: 4232ms
CLS: 0.020
TBT: 3ms
FCP: 3236ms
SI: 8194ms
Overall Score: 72