タグ

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

  • 補足施策

    e2adcfeb · 補足施策: CSSパージ（未使用Slick/Splide CSSの除去）（採用） · 
    補足施策

| 項目 | 状態 |
|------|------|
| WebP最適化 | LCPフェーズで実施済み |
| JS最適化（body末尾移動） | 不採用（Overall -15.3%悪化） |
| JS最適化（defer付与） | 適用済み（base.jsにdefer） |
| CSS結合 | FCPフェーズで実施済み |
| Google Fonts廃止 | 適用済み（システムフォントにフォールバック） |
| CSSパージ | 適用済み（Slick/Splide CSS除去） |
| HTMLファイルサイズ | 確認済み（110KB、対応困難） |
| TTFB | 確認済み（1743ms、サーバーサイド問題） |
| ネットワーク速度 | 確認済み（RTT 17-51ms、十分高速） |

LCP: 427ms
CLS: 0.054
TBT: 15ms
FCP: 94ms
SI: 2447ms
Overall Score: 99

  • LCPを改善

    8e61301d · 画像のWebP変換（採用） · 
    LCPを改善

| 項目 | 状態 |
|------|------|
| LCP画像優先読み込み | 適用済み（fetchpriority="high" + loading属性） |
| 画像の最適化 | 適用済み（73枚WebP変換、70.7%削減） |
| 不要な画像のダウンロード | 不採用（LCP 20.5%悪化のため） |
| 海外サーバーからの配信 | 該当なし（東京CloudFrontから配信） |

LCP: 1792ms
CLS: 0.055
TBT: 16ms
FCP: 778ms
SI: 3705ms
Overall Score: 98

  • FCPを改善

    49532882 · S3 JSONファイルのGZIP圧縮適用（採用） · 
    FCPを改善

| 項目 | 状態 |
|------|------|
| GZIP圧縮 | 適用済み（テキストリソース+S3 JSON） |
| パブリックCDN同一ドメイン化 | 適用済み（unpkg.com→andhabit.com） |
| CSS別ドメイン配信 | 適用済み（CloudFront→andhabit.com） |
| 複数CSS一本化 | 適用済み（8→2ファイル） |
| script要素最適化 | 適用済み（defer属性付与） |
| @import使用 | 該当なし |
| 不使用CSS | 確認済み（155KB、Google Fonts+bundle.css、対処困難） |
| document.write | 該当なし |
| Google Optimize | 該当なし |
| preload誤用 | 該当なし |
| クリティカルCSS逆効果 | 該当なし |
| アニメーション遅延 | 該当なし |

LCP: 2955ms
CLS: 0.055
TBT: 15ms
FCP: 803ms
SI: 5498ms
Overall Score: 90

  • TBTを改善

    019cec68 · Swiper複数初期化のsetTimeout分割（採用） · 
    TBTを改善

| 項目 | 状態 |
|------|------|
| ロングタスク（50ms以上） | 適用済み（bundle.jsのDOMContentLoadedハンドラをsetTimeout分割） |
| Swiper複数初期化 | 適用済み（3つのSwiper初期化をsetTimeout分割） |
| DOMContentLoaded内の重い処理 | 適用済み（15箇所のハンドラをsetTimeout分割） |
| jQueryの.each()DOM操作 | 該当なし |
| 同期XHR | 該当なし（jQuery内部の動的設定のみ） |
| jQueryの.load()同期通信 | 該当なし（ユーザー操作起因のみ） |
| 遅延読み込みライブラリ負荷 | 該当なし |

LCP: 3286ms
CLS: 0.054
TBT: 15ms
FCP: 2112ms
SI: 3211ms
Overall Score: 89

  • CLSを改善

    9c963f2a · SPスライダー画像にwidth/height属性追加 + Swiper CSSロード順序最適化（採用） · 
    CLSを改善

| 項目 | 状態 |
|------|------|
| 画像width/height属性 | 適用済み（スライダー画像に追加） |
| 動的コンテンツ挿入 | 該当あり（ファーストビュー外、CLS影響なし） |
| Webフォント | 該当なし（display=swap設定済み） |
| カルーセル/スライダー | 適用済み（CSS最適化実施、Swiper JSのfade効果によるCLS解消不可） |
| ヘッダー/フッター動的変化 | 該当なし |
| zoom変更 | 該当なし |

LCP: 4106ms
CLS: 0.054
TBT: 16ms
FCP: 1977ms
SI: 3139ms
Overall Score: 84

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

    ab93c730 · Google Ads (gtag.js) + Google Tag Manager を除去（採用） · 
    サードパーティタグを除去

1. HelloUniWeb + TikTok Pixel(2個) + Microsoft Clarity
2. LINE Tag(3個) + Twitter/X + カスタマーリングス + Dotz + New Relic APM
3. Google Ads (gtag.js) + Google Tag Manager (GTM-MCZFS7N)

- Google Fonts
- Swiper CDN (unpkg.com)

LCP: 4879ms
CLS: 0.054
TBT: 16ms
FCP: 1943ms
SI: 3729ms
Overall Score: 79

  • オリジナルデータ

    f27e3adc · オリジナルデータ · 
    オリジナルデータ

LCP: 9103ms
CLS: 0.054
TBT: 15ms
FCP: 3275ms
SI: 12620ms
Overall Score: 59