ウェブ パフォーマンス予算計算ツール
HTML、CSS、JS、画像、フォント全体にわたる Web ページのパフォーマンス予算を追跡します。
パフォーマンス バジェット計算ツールの使用方法
- 合計パフォーマンス予算を KB 単位で入力します。
- HTML、CSS、JS、画像、フォントのサイズを入力します。
- 「計算」をクリックして、使用量、残りの予算、3G ロード時間を確認します。
使用例
- •CI/CD パイプラインでのパフォーマンス バジェットの適用。
- •リリース前のページの重みを監査します。
- •ページ バージョン間のモバイル パフォーマンスの比較。
- •開発チーム向けのアセット サイズのガイドラインを設定します。
計算式
合計 = HTML + CSS + JS + 画像 + フォント。
よくある質問
パフォーマンス予算とは何ですか?
パフォーマンス バジェットでは、Web アセットの最大サイズまたはタイミングしきい値を設定して、読み込み時間を短縮します。
合計ページ サイズはどれくらいが適切ですか?
200 KB 未満は優れています。
JS バンドルのサイズを減らすにはどうすればよいですか?
ツリーシェーク、コード分割、遅延読み込みを使用し、大きな依存関係を避けます。