リソースを合計して読み込み時間を見ます

ウェブ開発者やサイト運営者が遅いページを調べ、どのリソースが容量と読み込み時間を押し上げているか知りたい場合に役立ちます。

リソースを合計して読み込み時間を見ます。入力内容を外部へ送らず、確認やコピー、調整がしやすい実用的な結果をブラウザー内だけで作成できます。

使い方

接続帯域幅をメガビット毎秒で入力します。
各アセットをそれぞれの行に、名前とキロバイト単位の重さを付けて列挙します。
計算を実行して、総重量と推定読み込み時間を取得します。
最も重いアセットを特定し、何を最適化するか判断できるようにします。

使用例

サイト所有者が、ホームページが遅く感じる理由を理解したいと考えています。帯域幅を10メガビット毎秒と入力し、次にstyle.cssを45キロバイト、app.jsを120、photo.jpgを300として列挙します。結果はどのアセットが最も寄与しているかを示します。その後、画像を圧縮するかスクリプトを遅延させるかを決定できます。

入力

10
style.css ; 45
app.js ; 120
photo.jpg ; 300

制限と形式

読み込み時間は入力した帯域幅に基づく推定値であり、実際の測定値ではありません。
アセットリストが完全でないと、合計が過小評価されます。
レイテンシ、ホスティング、並列接続は詳細にはモデル化されていません。
単位と、名前と重さの間に期待される区切り文字を確認してください。
数値は目安であり、ネットワーク分析の代わりにはなりません。

処理の場所

入力した帯域幅とアセットリストはブラウザ内で処理されます。ページを測定するための外部リクエストは行われません。結果はローカルに表示され、ページを離れた後は保存されません。

よくある質問

表示される読み込み時間は正確ですか？

いいえ、入力した帯域幅と重さからの推定値です。実際の条件にはレイテンシ、圧縮、並列ダウンロードが含まれます。最終的な測定値としてではなく、シナリオを比較するためにこの数値を使用してください。

名前と重さはどのように区切ればよいですか？

インターフェースは、アセット名とそのキロバイト単位の重さの間にセミコロンを想定しています。各アセットは別の行にしてください。不正な形式の行は合計をゆがめる可能性があります。

すべてのアセットを含めるべきですか？

はい、完全なリストの方がより有用な合計になります。画像、スクリプト、スタイルシート、フォント、サードパーティのファイルを含めてください。重いアセットが欠けていると、推定値は現実より良く見えてしまいます。