This thread does a great job at detailing the process of connecting to a web page and displaying it in the browser.
But what I want to know is how can I track that process? Does Firefox or another browser have an option to log the process?
To put the question in context, I'm troubleshooting a slow website and when I click a link it says "Waiting for example.com..." This only happens when I do something in my WordPress installation and not when I try to load a static image, so there's SOMETHING in the WordPress ecosystem that's causing it to hang up. But "Waiting for example.com" is a really vague message, so it doesn't really give me anything to troubleshoot. I'd love to have a log where the browser is like "made a request to ...completed in 52ms. made a request to , timed out (20s)".
Does something like that exist? I usually search for these things but I wasn't sure what terms to use.