Note: There are two slides above
Network waterfall is one of the very crucial things you can do in Google Chrome Browser DevTools while performing audits or analyzing a web page for performance.
In the network waterfall it shows how much time a particular resource is taking to load. This is a go to way to identify the culprits that making your website a tortoise.
Perhaps you installed a plugin to gain a certain functionality for your website, let’s say you wanted a pop up subscription form; but how do you know if that plugin is dragging down the website speed? You can see how long the script is taking to load.
In fact, you can A/B test among many plugins to find the one that does the job & loads faster.
In the second slide, the script that I have selected is of Hellobar actually, 10 seconds is just the stall time for that which is huge and now I know what I need to do.
How to do this?
a. Open DevTools
c. Reload the page
d. See the waterfall taking shape and resource getting loaded
e. See the insights on each resource