Quick DevTools Tip - what is still trying to load?

Have you ever loaded a web page, seen that main content render, and then notice that the loading widget seems to rotate (pulsate, etc, every browser is different) for eternity? Obviously there is some network request that is pending, but how do you figure out what that is, especially with a large set of requests to dig through?

In Chrome, there is a quick way to see this. In your devtools, first ensure the filter field is visible:

Enable the Filter!

Then type is:running in the form field. Here is an example from GMail:

An example

In case you didn't know it, that filter field supports both name matches as well as property-type searches like the example above. The field will nicely offer suggestions for these properties as you type, but you can find a complete list here:

Filter requests

You should scan that page a bit as I found two interesting tidbits. On Mac/Unix (not sure why not Windows), you can add multiple filters. Also, you can filter by requests larger than a set value. That's a great way to check for fat requests.

I looked for something similar in Firefox, Edge, and Safari, but didn't see anything that would support the same result.

Like This?

If you like this article, please consider visiting my Amazon Wishlist or donating via PayPal to show your support. You can also subscribe to the email feed to get notified of new posts.