Chrome開発者ツールでネットワークの速度を変更する方法

Chrome

Chrome開発者ツールを使って、ネットワークの速度を変更して低帯域のネットワークでテストする方法の紹介です。

[スポンサーリンク]

ネットワークの速度の変更

開発者ツールを開いて、赤丸のスマフォアイコンをクリックしてください。
network-speed-by-chrome-1

赤丸部分のプルダウンでネットワーク速度が変更できます。
こちらは1Mbpsに速度を落としているところです。
network-speed-by-chrome-2

さいごに

Web画面の表示テストですが、特にスマホ画面ではネットワーク速度が遅い場合を想定したテストを実施することをオススメします。

意外と静的コンテンツのダウンロードに時間かかっていることもあるのでしっかりとチェックしましょう!

もしダウンロードに時間がかかっていれば改善できますし、ダウンロードに時間がかかっても画面が崩れないような実装をするように心がけましょう!
それでは!