接続別のサイト読み込み時間
ファイルの種類ごとの容量(ブラウザのネットワークタブで確認できます)と、ページがダウンロードするファイル数を入力してください。見積りは、接続の往復時間と転送時間の合計です。
使い方ページが開くまでの時間
接続別のサイト読み込み時間: 用途
重いページはスマートフォンで開くのに時間がかかり、1秒増えるごとに離脱する人が増えます。この計算機は、低速3G(0.4 Mbps、400 ms、WebPageTestの3G Slowプロファイル)からWi-Fiまで、Lighthouseの標準モバイルプロファイル(1.6 Mbps、150 ms)を含む4つの接続で、ページのネットワーク時間を見積もります。
HTML、CSS、JavaScript、画像、フォントの容量と、ファイル数、ドメイン数を入力すると、合計容量、各部分の割合、接続の往復時間と転送を合計した見積り時間が分かります。画像をWebPに置き換えた場合の削減もシミュレーションできます。
使い方
- ブラウザのネットワークタブを開き、ファイルの種類ごとの容量を控えます。
- 容量、ファイル数、ドメイン数を入力します。
- 接続ごとの時間を比較し、最も重い部分を確認します。
使うタイミング
- サイトが遅い理由をお客様に示す。
- 最初に最適化するものを決める。
- 画像を圧縮する前と後を比較する。
よくある質問
ページの容量はどこで確認できますか?
Chromeでデベロッパーツール(F12)を開き、ネットワーク(Network)タブでページを再読み込みして、下部を見てください。リクエスト数と転送データ量が表示されます。種類で絞り込むと、JS、CSS、画像、フォントを分けて確認できます。
計算にはどの速度を使っていますか?
低速3G:0.4 Mbps、往復400 ms(WebPageTestの3G Slowプロファイル)。一般的なスマートフォン:1.6 Mbps、150 ms(Lighthouseが標準で使うモバイルのプロファイル)。良好な4G:9 Mbps、60 ms。Wi-Fiまたは光回線:50 Mbps、20 ms。実際の接続は大きく変わるため、比較用としてお使いください。
PageSpeedのスコアと同じですか?
いいえ。PageSpeedは、実際にページを動かして、JavaScriptの実行や画面の描画にかかる時間も含め、LCPやINPなどの指標を測ります。この計算はネットワーク時間のみの見積もりで、スマートフォンではこれが大半を占めることが多く、ページを軽くした効果を確認するのに役立ちます。