Minhas imagens estão carregando muito tarde, por quê? - javascript, html, desempenho, dom

Eu tenho alguns arquivos js e css que carrega no head. Após o último arquivo js há uma lacuna (no Firefox) de 1311ms até o navegador começar a carregar as imagens.

O Firebug não mostra nenhum status neste espaço em branco.

O que isso significa? Por que minhas imagens estão carregando tão tarde?

Todas as imagens no cache, a lacuna ainda está lá ...

Carga completa sem cache:

Respostas:

Você tem um arquivo JavaScript de 300kb. Isso é um monte de JS para analisar e possivelmente executar. Experimente a ferramenta de criação de perfil no Firebug ou Chrome para ver o que JavaScript está sendo executado no carregamento da página.

Há alguns talvez razão.

• Esses arquivos estáticos em muitos HOST, estes não estão no mesmo HOST.
• Seu navegador resolve esses arquivos lentamente.
• Um arquivo javascript nesses arquivos passa muito tempo.

você pode usar alguma ferramenta de desempenho da web, como o Yslow, console do Chrome .. para analisar esse problema.

Se estamos falando img tags, então o atraso podeo tempo que o navegador leva para renderizar a página. Eu teria que procurar uma referência, mas lembro que o navegador não começa a buscar imagens até que tenha renderizado a página. Você pode testar isso adicionando alguns perfis que mostram quando a página concluiu a renderização e compará-la com a hora em que a primeira imagem é carregada. Eu tenho profiling inserido em minhas páginas que insere timestamps como a primeira instrução / elemento (dentro da cabeça) e o último (no corpo). Comparar os dois fornece o tempo de renderização aproximado.