My images are loading too late, why?

Question

I have a few js and css files that loads on the head. After the last js file there is a gap (on Firefox) of 1311ms until the browser starts to load the images.

Firebug doesn't show any status on this blank space.

What does it mean? Why are my images loading so late?

All images on cache, the gap is still there...

Full no-cache load:

Answer 1

You have a 300kb JavaScript file. That's a lot of JS to parse and possibly execute. Try the profiling tool in Firebug or Chrome to see what JavaScript is being run on page load.

Answer 2

there some maybe reason.

• Those static file in many HOST, these are not in the same HOST.
• Your browser is resolve these file slowly.
• A javascript file in these file spending much time.

you can use some web preformance tool, like Yslow, chrome console .. to analysis this problem.