マーケティングランディングページパフォーマンスバジェット
マーケティングおよびコンバージョン重視のランディングページのパフォーマンスバジェット。最小限のJavaScriptと最適化されたヒーロー画像でコンバージョン率を最大化するための高速FCP・LCPを最適化。
Page Type Budgets
詳細な説明
ランディングページパフォーマンスバジェット
マーケティングランディングページには1つの仕事があります：訪問者をコンバートすること。研究は一貫して、読み込み速度がコンバージョン率に直接影響することを示しています。
ランディングページバジェットテンプレート
| カテゴリ | バジェット | 備考 |
|---|---|---|
| 合計ページ | 400 KB | 圧縮転送サイズ |
| HTML | 25 KB | セマンティック構造 |
| CSS | 40 KB | デザイン重視だが最適化済み |
| JavaScript | 80 KB | フォーム処理 + アナリティクス |
| 画像 | 200 KB | ヒーロー + 商品画像 |
| フォント | 40 KB | ブランドフォント、1-2ウェイト |
| リクエスト | 20 | 依存関係を最小化 |
| TTFB | 200 ms | CDNキャッシュ静的ページ |
| FCP | 1000 ms | 見出しが素早く表示 |
| LCP | 1500 ms | ヒーロー画像レンダリング完了 |
A/Bテストの影響
A/Bテストスクリプトはしばしばパフォーマンスバジェットに違反します：
- クライアントサイドA/Bテスト（Optimizely、VWO）：50-200 KB JS + レンダーブロッキングを追加
- サーバーサイドA/Bテスト：クライアントサイドコストゼロ、ランディングページに推奨
- エッジサイドA/Bテスト：CDNワーカーベース、最小限のパフォーマンス影響
ユースケース
ランディングページバジェットはマーケティングROIに直接影響します。遅いランディングページにトラフィックを誘導する有料広告キャンペーンは広告費の無駄です。タイトなバジェットを設定し追跡することで、マーケティングチームはトラフィックに費やしたすべてのドルが高速でコンバージョン最適化された体験でユーザーを迎えることを保証します。