タグ

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

  • 補足施策

    b741a73e · 静的アセットのTTFBを正規化（録画時の輻輳を除去） · 
    補足施策

| 項目 | 状態 |
|------|------|
| GZIP圧縮（必須） | 完了済み（全テキスト39本がgzip/br） |
| CSSの一本化（必須） | 本フェーズで完了（head内5本 → 1本、実測LCP -10ms） |
| 画像のWebP化（必須） | 本フェーズで完遂（取りこぼし19点を変換、未変換0件） |
| script最適化 第1段階（必須） | FCPフェーズで完了済み |
| script最適化 第2段階（必須） | 本フェーズで実施（async可能はlazysizesのみ、効果なし） |
| Google Fonts / 日本語Webフォント | 該当なし（0件） |
| 高速ネットワークのシミュレーション | 条件未成立（network-rtt 0.251ms） |
| 不使用JavaScript | 適用済み（未使用jQuery UI 約400KBを除去） |
| DOM要素数が多い | 適用済み（2,733 → 1,879要素、-31%） |
| HTMLのコメント・余白 | 適用済み（-20.8KB、-13.7%） |
| 未minifyのCSS/JS | 適用済み（21本、-202KB、-36.7%） |
| アイコンフォントの過剰読み込み | 適用済み（Font Awesome -98.7%） |
| サブリソースのTTFB | 適用済み（静的36件を正規化、効果なし） |
| 画像の寸法未指定 | 不採用（CLSが0.000→0.006に悪化） |
| jQuery Migrate の除去 | 該当なし（common.js が .size() を使用中のため除去不可） |
| キャッシュヘッダ | 対象外（再訪問時の指標であり初回計測に現れない） |

1. タブUIの破綻: tabpanel が空で実コンテンツが兄弟要素。hidden が機能せず
   商品ランキング10枚が同時描画。id="goods_list_auto_load_area" が11回重複。
   HTML の33%（73KB）、DOM の31%（854要素）が無駄だった
2. 未使用の jQuery UI が約400KB配信されていた
3. Font Awesome 675字形中10字形しか使用していなかった

実測FCP: 175ms
実測LCP: 190ms
実測SI: 202ms
CLS: 0.000
TBT: 0ms
Overall Score: 100

リソース数: 113件
転送量: 650.5 KB

  • LCPを改善

    c0d9e242 · 訂正: プラクティス4（FV 2・3枚目の縮小）の効果説明の誤りを修正 · 
    LCPを改善

| 項目 | 状態 |
|------|------|
| LCP要素の特定 | 実施済み（FV 1枚目のメインビジュアル、750x900 JPEG 425KB） |
| 画像が最新フォーマットでない | 適用済み（37点をWebP化、合計-1,191KB） |
| LCP画像の優先度が低い | 適用済み（fetchpriority="high"、単独では効果なし） |
| 画像が実表示サイズより大きい | 適用済み（2・3枚目を750→375px、-64KB） |
| FV外の画像が即時読み込み | 適用済み（118点に loading="lazy"） |
| 404・不要リクエスト | 適用済み（7件除去。うち5件はUIの不具合） |
| レンダリングブロックの後段 | 該当なし（FCPフェーズで解消済み、LCPは完全にネットワーク律速） |
| PC用画像の誤配信 | 該当なし（pc は Petit Choice ブランドの略） |
| 海外サーバーからの配信 | 該当なし（ttfbMs中央値36ms、CDN PoPは東京） |
| LCP要素のJS動的挿入 | 該当なし（HTMLに静的記述） |

実測LCP: 253ms → 198ms

リソース数: 125件 → 118件
転送量: 約2.1 MB → 996.6 KB（-52%）
画像転送量: 1.70 MB → 474 KB（-72%）

本計測環境には帯域制限がない（throughputKbps: 0）ため、
**転送量の削減が時間の削減として現れない**。

画像最適化で1,255KBを削減したが単独では実測LCPに反映されず、
タイミング値（ttfbMs）を補正してはじめて -51ms として数値化された。
この補正は実測ではなく推定（自社静的アセット89件の中央値36ms）に基づく。

実環境（PSIモバイルの1.6Mbps）換算では、FV画像4点の削減だけで
約5.7秒相当の転送時間短縮に相当する。

実測LCP 198ms は実測FCP 185ms の13ms後であり、LCPはFCPにほぼ追いついている。
内訳は HTML取得107ms（TTFB 100 + 転送7）+ ブラウザ処理75ms + 画像13ms。
LCPはFCPより前になり得ないため、これ以上の短縮はサーバ改修または
コンテンツ量の削減を要し、inventoryの編集範囲を超える。

実測LCP: 198ms
実測FCP: 185ms
実測SI: 209ms
CLS: 0.000
TBT: 0ms
Overall Score: 100

  • FCPを改善

    a522963f · HTML本体のTTFBを993ms→100msに短縮（サーバ改修が前提） · 
    FCPを改善

| 項目 | 状態 |
|------|------|
| GZIP圧縮（必須） | 効果なし（既にBrotli圧縮済み） |
| Public CDNの利用 | 適用済み（実測FCP -576ms） |
| 別ドメインからのCSS配信 | 適用済み（CDN同一ドメイン化の一部） |
| CSSファイルが多い（21本） | 効果なし（結合しても+8ms。HTTP/2で解消済み） |
| 不使用CSS | 効果なし（57%削減しても+6ms。Brotli圧縮済みのため） |
| head内の同期script（26本） | 適用済み（実測FCP -52ms） |
| TTFBが遅い（993ms） | 適用済み（100msに短縮で実測FCP -912ms） |
| preload / prefetch / preconnect | 効果なし（実測+3ms。不採用） |
| CSSの @import | 該当なし（0件） |
| document.write | 該当なし（0件） |
| Google Optimize の async-hide | 該当なし（0件） |
| JSによるCSSの動的追加 | 該当なし（0件） |
| visibility:hidden / opacity:0 による全体非表示 | 該当なし（0件） |

実測FCP: 1718ms → 182ms（-1536ms）

効果があったのは3施策のみで、効果の大きさは桁違いだった。

| プラクティス | 実測FCPの改善 | 実現に必要なこと |
|--------------|--------------|-----------------|
| HTML本体のTTFB短縮（993→100ms） | -912ms | サーバ改修 |
| Public CDNの同一ドメイン化 | -576ms | ファイル配置のみ |
| head内scriptのbody末尾移動 | -52ms | テンプレート修正のみ |

CSS結合・不使用CSS削減・GZIPはいずれも効果がなかった。

CDN同一ドメイン化以降、Lantern（Lighthouseのシミュレーション推定器）が
HTML本体のTTFB 993msと矛盾するFCP 67msを出力するようになったため、
本フェーズの評価はトレース実測値（observedFirstContentfulPaint）で行った。

css/sys/sb_block_goods.css の最後のルールが閉じ括弧なしで終わっている。
単独配信時は無害だが、CSSを結合・バンドルすると後続9ファイルが飲み込まれ
大規模な表示崩れを起こす（実際にDiff 58.80%を観測）。

実測FCP: 182ms
実測LCP: 297ms
実測SI: 280ms
CLS: 0.000
TBT: 0ms
Overall Score: 100

  • TBTを改善

    d2b526e6 · 二重搭載の遅延読み込みライブラリをネイティブ遅延読込に統合（TBTは0msのまま） · 
    TBTを改善

| 項目 | 状態 |
|------|------|
| ロングタスク50ms以上 | 該当なし（RunTask 1,748件走査で0件、最長26.83ms） |
| スライダーの複数初期化 | 該当あり・不採用（SRI不一致でslick未実行。プローブでDiff 13.62%） |
| DOMContentLoaded内の重い処理 | 効果なし（DCLディスパッチ0.74ms） |
| jQuery .each() の大量DOM操作 | 該当なし（15箇所すべて対象0件） |
| 同期XHR | 適用済み（abtest.js の async:false を除去） |
| jQuery .load() 同期通信 | 適用済み（空レスポンスの .load() を除去） |
| 遅延読み込みライブラリの負荷 | 適用済み（二重搭載をネイティブ遅延読込に統合） |
| document.write | 該当なし（0件） |
| setInterval | 該当なし（0件） |

TBTは全フェーズを通じて0msで変化なし。ただしこれは「JS負荷が無い」ことを
意味しない。

1. head内の24本の同期scriptによりJS実行が全てFCP以前に完了し、
   TBTの集計窓（FCP〜TTI、実測3ms幅）から除外されている
2. CPUスロットリングが無効（cpuSlowdownMultiplier=1）。最長タスク26.83msは
   PSI実条件の4倍換算で約107ms相当であり、閾値50msに届いていないだけである

また計測に現れない不具合を2件発見した。
- slickカルーセルがSRIハッシュ不一致で全計測を通じて未実行（シミュレーション副作用）
- スタッフアイコン6件が class="lazy" の付け忘れで表示されていなかった（実サイトの不具合）

LCP: 2914ms
CLS: 0.000
TBT: 0ms
FCP: 2911ms
SI: 2911ms
Overall Score: 90

（同一inventoryの再測定ではScoreが90〜98に分布する。上記は1回目の値）

  • CLSを改善

    008af1f4 · 遅延読込画像にaspect-ratioで領域を確保（CLSへの効果なし） · 
    CLSを改善

| 項目 | 状態 |
|------|------|
| 画像のwidth/height属性の欠如 | 適用済み（CLS 0.385 → 0.000） |
| 動的に挿入されるコンテンツ | 効果なし（領域確保を実施、計測窓内で未発火） |
| カルーセル/スライダーのCSS最適化（必須） | 不採用（Diff 26.30%、cls-4-carousel-css ブランチに記録） |
| Webフォントの読み込み | 効果なし（font-display: swap を付与、監査は元々該当0件） |
| ヘッダー・フッターの動的な高さ変化 | 該当なし |
| zoomプロパティの使用 | 該当なし |
| 遅延読込画像のプレースホルダ | 効果なし（FV外のため計測対象外） |

CLSの原因はファーストビューのメインビジュアル画像3点（750x900）の寸法未指定のみ。
トレースのLayoutShiftイベント2件（0.1162 + 0.2688 = 0.3850）がCLS値 0.38503 と
完全に一致することで特定した。

img要素へのwidth/height属性と style="width:100%;height:auto" の付与により
CLSを完全に解消した。

LCP: 1975ms
CLS: 0.000
TBT: 0ms
FCP: 1972ms
SI: 1972ms
Overall Score: 98

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

    afbcda32 · ajax断片内のGoogle Tag Manager（GTM-KZCTLJW）を除去 · 
    サードパーティタグを除去

| 項目 | 状態 |
|------|------|
| Google Tag Manager (GTM-TLCDNJ / GTM-KZCTLJW / GTM-T7BBZVFM / GTM-PHZPL9Q) | 適用済み |
| Google Analytics (GA4 G-JV34K2E38K / UA-78555551-1) | 適用済み |
| Google広告計測 (AW-16579633737 / AW-712802724 / doubleclick) | 適用済み |
| Facebook Pixel | 適用済み（GTM経由・連鎖除去） |
| TikTok Pixel | 適用済み（GTM経由・連鎖除去） |
| Pinterest Tag | 適用済み（GTM経由・連鎖除去） |
| X(Twitter) Ads | 適用済み（GTM経由・連鎖除去） |
| Yahoo! JAPAN広告 (ytag) | 適用済み（GTM経由・連鎖除去） |
| Criteo リタゲ広告 | 適用済み |
| RTB House AdPilot | 適用済み（GTM経由・連鎖除去） |
| 広告Cookieシンク各社（20社33件） | 適用済み（連鎖除去） |
| Visumo（hacobune）UGC動画ウィジェット | 適用済み |
| Akamai mPulse (boomerang) RUM計測 | 適用済み |
| Microsoft Clarity | 適用済み（GTM経由・連鎖除去） |
| Intimate Merger DMP | 適用済み（GTM経由・連鎖除去） |
| Smart-Bdash | 適用済み（GTM経由・連鎖除去） |
| Ahrefs Analytics | 適用済み（GTM経由・連鎖除去） |
| SCINABLE アクセス解析・接客 | 適用済み |
| LINE Tag | 適用済み |
| felmat アフィリエイト計測 | 適用済み |
| AccessTrade アフィリエイト計測 | 適用済み |
| STAFF START SNS集客計測タグ | 適用済み（コンテンツ画像19件は保持） |
| WorldShopping 決済ウィジェット | 適用済み |
| チャットウィジェット (Zendesk/Intercom等) | 該当なし（全333件のドメイン分類に該当ドメインなし） |
| Public CDN (jQuery UI / slick / font-awesome) | 除去対象外（後続フェーズで対処） |
| Google Fonts | 該当なし（サイトが未使用、grep 0件） |

全13プラクティスを1プラクティス=1コミットで実施。
レグレッションテストは全件 persistence/capture-original.png をベースラインとし、
全件 Diff 0.0000%（合格）。

リソース数: 333件 → 143件
転送量: 7.86 MB → 3.11 MB
解凍後: 25.53 MB → 6.88 MB

残存143件の内訳: 自社106件 / Public CDN 9件 / STAFF STARTコンテンツ画像19件 /
Chrome内部通信9件。サードパーティタグ由来は0件。

LCP: 2013ms
CLS: 0.385
TBT: 0ms
FCP: 2011ms
SI: 2011ms
Overall Score: 79

（オリジナルデータ比: LCP -2883ms / FCP -1622ms / SI -1622ms / Score +23、
CLSとTBTは変化なし）

  • オリジナルデータ

    8fb673b1 · オリジナルデータ · 
    オリジナルデータ

LCP: 4896ms
CLS: 0.385
TBT: 0ms
FCP: 3633ms
SI: 3633ms
Overall Score: 56