'How to find out what is blocking web page rendering?

There is website where the server rendering finishes very fast but there is something on the client side which is blocking the rendering for few seconds and then rendering the HTML.

I am guessing it might be some setTimeout or similar; is there any tool or developer tool bars to verify this?

javascripthtml


Solution 1:[1]

Just capture the network traffic when the page is loading, and see what resource / file is (pending) while the page is loading.

Solution 2:[2]

Your browser's developer tools will tell you exactly what is going on. It could be network, parsing, rendering, anything.

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1 otherstark
Solution 2 Brad

Related Questions