DEV Community

Kenneth Lum
Kenneth Lum

Posted on

1

Making the network slower when debugging the webpage UI

When we need to make sure the loading UI, error message, etc are all working fine, we may need to make the network slower to see the UI changing sequence.

Google Chrome has built-in network throttling. Just go to the Developer's Console, Network Tab, click on the small triangle next to "No throttling", and for example, choose slow 3G speed.

Network tab

Alt Text

There is even a custom setting, so that for example, we can set a two second delay (using the latency), and then get the data at high speed. This case, we don't have to rely on the data api to have the delay built in for our debugging.

Alt Text

Top comments (0)

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay