CODEWITHSUNDEEP
javascripthtmlperformancedom
BrunoLM
BrunoLM

Reputation: 100381

My images are loading too late, why?

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.

image loading too late

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...

gap

Full no-cache load:

huge gap

Upvotes: 11

Views: 945

Answers (3)

Ryan Doherty
Ryan Doherty

Reputation: 38740

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.

Upvotes: 1

Dreampuf
Dreampuf

Reputation: 1191

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.

Upvotes: 1

aepheus
aepheus

Reputation: 8197

If we're talking img tags, then the delay might be the time it takes the browser to render the page. I'd have to look for a reference, but I recall that the browser doesn't start to fetch images until it has rendered the page. You could test this out by adding some profiling that shows when the page has completed rendering, and compare that to the time the first image starts loading. I have profiling inserted in my pages that inserts timestamps as the very first statement/element (inside the head), and the very last (in the body). Comparing the two gives you the approximate render time.

Upvotes: 0

Related Questions