Página pesada

[reynansoares 0]

Olá, tenho uma página que está muito pesada, ela usa javascript(bastante), css e imagens em png com tamanho médio de (20 kb). Clique aqui para ir à página.

 

A página é formada por imagens em "z-index: -1", e uma imagem base de "z-index: 1", para formar e colorir o modelo, uso botões javascript para alterar o z-index de "-1" para "2", assim ficando acima do modelo base.

 

A página leva em torno de 4 segundos para abrir totalmente e 3 segundos para exercer a função de um botão em javascript.

 

Alguma dica para a página ficar mais leve e assim mais rápida de carregar?

 

No começo do projeto, quando tinha-se apenas 3 cores, o tempo médio de abrir era 1 segundo ou menos.

[crf_h0m3r 5]

Para as imagens use a técnica de CSS Sprites.

[Bruno Augusto 417]

Uma enxugada com o Yahoo! Smush It! pode ser bom também.

 

Aqui eu, recentemente, escrevi um post meio grandinho o qual estou com preguiça de reescrever. :lol:

 

Seguindo essa dica pode melhorar significativamente o desempenho final.

[reynansoares 0]

Para as imagens use a técnica de CSS Sprites.

Acho que você não entendeu o funcionamento da página, clique no link e dê uma olhada.

[reynansoares 0]

Uma enxugada com o Yahoo! Smush It! pode ser bom também.

 

Aqui eu, recentemente, escrevi um post meio grandinho o qual estou com preguiça de reescrever. :lol:

 

Seguindo essa dica pode melhorar significativamente o desempenho final.

 

Não deu muito certo, consegui optimizar a página, mas ainda ficaram uns "F" Que não faço a mínima noção de como tira-los, e a página reduziu o tempo de carregamento de 5.93s para 5.13s, o que ainda é muito tempo.

[Bruno Augusto 417]

No próprio painel do YSlow tem um link para o Yahoo! Developers explicando o que é a categoria do erro e mostrando algumas forma de consertar.