DEV Community

Cover image for Slow network simulation using Chrome devtool

Slow network simulation using Chrome devtool

abdelrahmanahmed profile image Wahdan ・1 min read

Chrome devtool team are developing more and more features to make our development activities easier. One of these interesting features is simulating network speed. you can do this with five simple steps only, lets see this in a practical way:

  1. Press Command+Option+I (Mac) or Control+Shift+I (windows/linux) to open chrome devtool.

  2. Navigate to network tab.
    Network tab

  3. A small dropdown list will appear with default value online. Here you can change the network to another option like slow 3G
    Network tab options

  4. Open

  5. Reload the page and see the magic

Also you can create your own network settings, just click on custom option and type your download/ upload/ latency values.
custom network profiles

Here is an offline example for using offline preset option 😄

Thanks for reading and happy hack week ✌️.


Editor guide