Help us understand the problem. What is going on with this article?

【chrome】通信速度の変更方法

【chrome】通信速度の変更方法

3Gなど遅い回線でWEBページがどのように表示されるか確認する方法。

表示速度を変更する方法は2つある。①ネットワークの通信速度を変更する方法と②CPUの性能を変更する方法

・Google公式ページ
https://developers.google.com/web/tools/chrome-devtools/device-mode?hl=ja

1. ネットワーク通信速度の変更

  1. chromeのdevツールを起動(F12)
  2. 「Network」タブを選択
  3. 「Online」の▼をクリック

image.png

image.png

速度オプション

  • Online(現状の通信回線)
  • Fast3G
  • Slow3G
  • Offline



▼補足
一度ロードするとキャッシュされるため、次の表示は早くなる。
Offlineにして読み込むとキャッシュがクリアされる。

2. CPUの性能を変更する方法

  1. chromeのdevツールを起動(F12)
  2. 「toggle device toolbar」をクリック
  3. 「Online」の▼をクリック

▼スマホとタブレットが重なったアイコンをクリック
image.png

image.png

CPUオプション

  • Online(現状の通信回線)
  • Mid-tier mobile (CPU速度 1/4)
  • Low-end mobile (CPU速度 1/6)
yuta-38
メモとして活用してます
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away