EコマースパフォーマンスバジェットTemplate
Eコマース商品ページの完全なパフォーマンスバジェットテンプレート。商品画像、JavaScriptカート機能、サードパーティ決済スクリプト、Core Web Vitals目標のバジェットを含みます。
Page Type Budgets
詳細な説明
Eコマースパフォーマンスバジェット
Eコマースサイトには高速であることへの直接的な財務的インセンティブがあります。Amazonは100msの遅延ごとに売上の1%を失うことを発見しました。
商品ページバジェットテンプレート
| カテゴリ | バジェット | 備考 |
|---|---|---|
| 合計ページ | 800 KB | 圧縮転送サイズ |
| HTML | 30 KB | サーバーレンダリング商品データ |
| CSS | 80 KB | コンポーネントスタイル含む |
| JavaScript | 250 KB | カート、検索、アナリティクス |
| 画像 | 300 KB | 最適化済み商品画像 |
| フォント | 60 KB | 最大2フォント、WOFF2のみ |
| リクエスト | 40 | API呼び出し含む |
| TTFB | 600 ms | CDNキャッシュ済み商品ページ |
| FCP | 1500 ms | 商品情報を素早く表示 |
| LCP | 2000 ms | 商品ヒーロー画像読み込み完了 |
収益影響追跡
バジェット追跡時にビジネスメトリクスと相関付け：
- ページ重量 vs 直帰率
- LCP vs コンバージョン率
- TTI vs カート追加率
ユースケース
Eコマースチームはパフォーマンスバジェットを使用して収益を保護します。新機能（ビデオレビュー、ARトライオン、パーソナライゼーションエンジン）が提案されると、チームはバジェットに対してチェックします。200 KBのパーソナライゼーションスクリプトがJavaScriptをバジェット超過にする場合、他で節約を見つけるか、出荷前にスクリプトを最適化する必要があります。