From the far left to the far right is the time of the total loading experience (1.03s).
The second item "?" didn't start loading until about 75% into the entire loading process.
From the far left to the far right is the time of the total loading experience (1.03s).
The second item "?" didn't start loading until about 75% into the entire loading process.
the blue and red lines mark when the javascript events (DOMContentLoaded and load) are fired.
mozdev-documentation for DOMContentLoaded and load:
Fired on a Window object when a document's DOM content is finished loading, but unlike "load", does not wait until all images are loaded.
but my question is WHY the second item didn't load until then... shouldn't it start immediately? – swalkner
On my machine, it is nearly sequential. I would contribute the lag to cpu time required to process and render the data.
I would guess the blue line is when the browser starts displaying and the red line is when the layout finished.
I am having a similar problem loading pages off my own local server, IE is lightning quick, and firefox takes ages because of these gaps in loading.