ECサイト向けパフォーマンスバジェット
ECサイトの商品ページ、カテゴリページ、チェックアウトフロー向けにパフォーマンスバジェットを設計。リッチな商品画像と高速な読み込み時間のバランスでコンバージョン率を最大化。
Site Type
詳細な説明
ECサイト向けパフォーマンスバジェット
ECサイトはユニークな緊張関係に直面しています：リッチな商品画像は売上を促進しますが、重いページはユーザーを遠ざけます。調査では、読み込み時間が1秒改善するごとにECサイトのコンバージョン率が2-7%向上することが一貫して示されています。
ページタイプ別バジェット
ECサイトの異なるページタイプには異なるパフォーマンスプロファイルがあります：
| ページタイプ | ウェイト目標 | 重要指標 |
|---|---|---|
| トップページ | 600-800 KB | LCP < 2.5秒 |
| カテゴリ/一覧 | 500-700 KB | FCP < 1.5秒 |
| 商品ページ | 700-1000 KB | LCP < 2.5秒（ヒーロー画像） |
| カート | 400-600 KB | TTI < 3秒 |
| チェックアウト | 300-500 KB | TTI < 2秒、CLS < 0.1 |
商品ページバジェット例（合計800 KB）
| カテゴリ | バジェット | 詳細 |
|---|---|---|
| HTML | 40 KB | 商品マークアップ、構造化データ |
| CSS | 60 KB | デザインシステム + 商品スタイル |
| JavaScript | 200 KB | カートロジック、画像ズーム、レビュー |
| 画像 | 400 KB | 4-6商品画像（WebP、遅延読み込み） |
| フォント | 60 KB | ブランドフォント、2ウェイト |
| その他 | 40 KB | アナリティクス、トラッキング |
収益インパクトの計算
サイトの条件：月間10万訪問者、コンバージョン率3%、平均注文額50ドル、現在の読み込み時間5秒。読み込み時間を3秒に改善（40%改善）するとコンバージョンが10-20%増加する可能性があり、月間15,000ドルの追加収益につながります。
ユースケース
ECサイトのパフォーマンスバジェットは直接収益に影響します。Shopify Plusの加盟店は商品ページに700 KB、チェックアウトに400 KBのバジェットを設定するかもしれません。ブラックフライデーの準備中にチームはバジェットに対してすべてのサードパーティスクリプトを監査します。新しいレコメンデーションウィジェット（150 KB）を提案するプロダクトマネージャーは、パフォーマンスバジェットをフレームワークとして、追加ウェイトと潜在的な収益向上のトレードオフを正当化する必要があります。