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.

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.