種別ごとの上限を決めます

ウェブチームが公開前に共通の上限を決め、新しく加わるリソースを同じ速度目標で判断したいときに使えます。

種別ごとの上限を決めます。入力内容を外部へ送らず、確認やコピー、調整がしやすい実用的な結果をブラウザー内だけで作成できます。

使い方

最初のフィールドに目標総重量をキロバイト単位で入力します。
目標がモバイル向けかデスクトップ向けかを指定します。
計算を実行して、予算をリソースタイプ別に分割します。
上限を記録し、次のリリースの指針として使用します。

使用例

チームが小規模企業のウェブサイトを再構築しています。モバイル向けの総予算を1500キロバイトに設定し、計算を実行します。するとカテゴリ別の上限が、新しいアセットを追加する前にデザイナーと開発者が画像サイズを話し合う助けになります。チームはまた、優先事項を一貫させるためにデスクトップ向けの目標も確認します。

入力

1500
mobile

制限と形式

予算は計画目標であり、公開されたページのライブ測定値ではありません。
上限には、ホスティングやCDNによってすでに適用された圧縮は考慮されていません。
モバイルとデスクトップの目標では、異なる分割になる場合があります。
キロバイトとメガバイトを混在させると結果がゆがむため、単位を確認してください。
コンテンツ戦略が変わったら、出力を見直す必要があります。

処理の場所

予算は、入力した数値からブラウザ内で計算されます。ページ外にアップロードや保存は行われず、外部サービスにも接続しません。入力値を変更して、何度でも再計算できます。

よくある質問

提案される上限はどこから来ますか？

入力した総重量とデバイス目標から導き出されます。ツールが実際のサイトを検査することはありません。分割は出発点として扱い、自分の優先事項に合わせて調整してください。

圧縮後のサイズを使うべきですか？

計画に信頼できる重量を使用してください。アセットの圧縮後のサイズがわかっている場合は、その数値を入力します。そうでない場合、結果は推定値であり、実際の測定値と照合する必要があります。

ウェブアプリケーションに使用できますか？

考え方はどのウェブページにも当てはまりますが、複雑なアプリケーションでは異なるカテゴリが必要になる場合があります。予算とリソース構成を製品に合わせて変更してください。フロントエンドの大きな変更後には再計算してください。