Slow network simulation using Chrome devtool

#webdev #testing #developers #beginners

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:

Press Command+Option+I (Mac) or Control+Shift+I (windows/linux) to open chrome devtool.
Navigate to network tab.
A small dropdown list will appear with default value online. Here you can change the network to another option like slow 3G
Open dev.to
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.

Here is an offline example for dev.to using offline preset option 😄

Thanks for reading and happy hack week ✌️.

How I fixed 20 seconds of lag for every user in just 20 minutes.

Our AI agent was running 10-20 seconds slower than it should, impacting both our own developers and our early adopters. See how I used Sentry Profiling to fix it in record time.