GoogleChromeでネットワークスピードを再現する

はじめに

最近ホームページの案件が入り始めている菅原です。

実際にホームページを自作してみると案外読み込みが遅かったりしてびっくりします。

Webページの高速化のノウハウもここでアウトプットしていきますので、よかったらご参考にしてみてください。

対象読者 

• Chromeが入っている
• Chromeの開発メニューを使える方
• ある程度のITリテラシがある方

手順 

Cmd + Opt + i で開発メニューを開き、Networkタブを開きます。

OnlineからCustomをクリック

Add Custom Profileをクリックし、下記のように値を入れる

昔のChromeにはプリセットされていたようですが、最近のものは無いみたいです。

以下は参考値です。

• ３G
• 750kb/s, 250kb/s, 100ms
• ４G
• 4Mb/s, 3Mb/s, 20ms
• WiFi
• 30Mb/s, 15Mb/s, 2ms

元の画面に戻り、先程設定したProfileを選択してリロードする。

まとめ

いかがだったでしょうか。意外に簡単にできるかと思います。

ちなみに自分はこの本から勉強しています。