タグ

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

  • 補足施策

    b1970dc8 · 日本語Webフォント (Noto Sans JP 1.75MB) を削除 · 
    補足施策

1. 重複CSSの読み込み削除（7箇所の重複link要素を削除）
2. Google Fonts (Roboto) を削除してシステムフォントに変更
3. 日本語Webフォント (Noto Sans JP 1.75MB) を削除

- WebP最適化: 全画像がWebP/SVG。PNG 1件は外部ドメイン (5KB)
- Script移動: head内スクリプトは全てdefer付き、移動効果は限定的
- CSSパージ: DevTools Coverageが必要で実装困難
- 画像のWebP変換不要（大半がWebP変換済み）

LCP: 78ms
CLS: 0.136
TBT: 0ms
FCP: 45ms
SI: 987ms
Overall Score: 95

  • LCPを改善

    84e61f4b · PC用画像のスマホダウンロードをpicture要素で抑制 · 
    LCPを改善

1. LCP画像にfetchpriority="high"とloading="eager"を追加
2. PC用画像のスマホダウンロードをpicture要素で抑制

LCP: 2215ms
CLS: 0.154
TBT: 0ms
FCP: 850ms
SI: 1837ms
Overall Score: 92

  • FCPを改善

    4546f2c8 · coupon.jsにdefer属性を追加 · 
    FCPを改善

1. CSS @importをHTMLのlinkタグに変換して並列化
2. head内4つのCSSを1ファイルに結合（swiper.css + base.css + spinner.css + tx-global.css）
3. coupon.jsにdefer属性追加

LCP: 1641ms
CLS: 0.154
TBT: 0ms
FCP: 808ms
SI: 1733ms
Overall Score: 94

  • TBTを改善

    723fbc22 · ロゴ画像にwidth/height属性を追加（CLS改善） · 
    TBTを改善

TBT=0ms（Score=100）のためスキップ

LCP: 3014ms
CLS: 0.070
TBT: 0ms
FCP: 903ms
SI: 2073ms
Overall Score: 93

  • CLSを改善

    723fbc22 · ロゴ画像にwidth/height属性を追加（CLS改善） · 
    CLSを改善

| 項目 | 状態 |
|------|------|
| 画像のwidth/height属性 | 適用済み（ロゴ画像に追加） |
| カルーセル画像 | 効果なし（レグレッション41%のため不採用） |
| delivery-appeal | 効果なし（レグレッション37%のため不採用） |
| Webフォント | 該当なし（font-display: swap設定済み） |
| ヘッダー動的高さ | 該当なし（CSS固定サイズ指定あり） |
| zoom変更 | 該当なし（コード未検出） |

LCP: 3014ms
CLS: 0.070
TBT: 0ms
FCP: 903ms
SI: 2073ms
Overall Score: 93

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

    204770e4 · GTM (GTM-K9TGM3) を除去 · 
    サードパーティタグを除去

4つのプラクティスでサードパーティタグを除去

1. Facebook SDK除去（65リソース）
2. Synalio + Leeep + Yahoo Retargeting除去（43リソース）
3. CQuotient + Yahoo Tag Manager除去（3リソース）
4. GTM (GTM-K9TGM3) 除去（114リソース）

LCP: 2455ms
CLS: 0.070
TBT: 0ms
FCP: 865ms
SI: 1956ms
Overall Score: 96

  • オリジナルデータ

    a8d4c518 · オリジナルデータ: https://www.dospara.co.jp/ を録画 · 
    オリジナルデータ

https://www.dospara.co.jp/ のオリジナルデータを録画

LCP: 1590ms
CLS: 0.070
TBT: 487ms
FCP: 1528ms
SI: 3577ms
Overall Score: 85