Pergunta

Estou tentando otimizar o tempo de carregamento do meu site porque era muito longo, e ainda é, mas especialmente para as imagens CSS do jQuery UI,

Se você tiver um minuto, poderia dar uma olhada este teste Pingdom?

Entre os arquivos de número 60 e 75 existem poucas imagens do arquivo jQuery CSS (renomeado apenas o caminho).Eles levam até 3 segundos para se conectar e parecem carregar rapidamente.Mas 3 segundos para conectar?

O pedaço de CSS relacionado a isso:

.ui-icon { width: 16px; height: 16px; background-image: url(/css/images/ui-icons_222222_256x240.png); }
.ui-widget-content .ui-icon {background-image: url(/css/images/ui-icons_222222_256x240.png); }
.ui-widget-header .ui-icon {background-image: url(/css/images/ui-icons_222222_256x240.png); }
.ui-state-default .ui-icon { background-image: url(/css/images/ui-icons_888888_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(/css/images/ui-icons_454545_256x240.png); }
.ui-state-active .ui-icon {background-image: url(/css/images/ui-icons_454545_256x240.png); }

E o caminho deste arquivo CSS é: /CSS/ui.css

e o caminho das imagens é: /CSS/images/*.png

Se não se trata de caminhos, estou completamente perdido aqui, alguma pista?

Foi útil?

Solução

A outra coisa a se pensar é que seu navegador usa cache.Portanto, quando você executa um teste como este, parecerá que as imagens da UI do JQuery são terrivelmente lentas.Mas para o usuário (com uma configuração adequada de cache do navegador) a "penalidade" acontecerá apenas uma vez.Então, na realidade, não é um teste totalmente justo.

Eu me preocuparia mais com sua imagem de fundo de 40 KB e CSS menos que perfeitamente otimizado.Tentar esse site em seu documento CSS para reduzir 13% de sua sobrecarga (no CSS do site principal). Além disso, você pode se beneficiar combinando os documentos CSS, o que reduzirá a sobrecarga de HTTP.Novamente, graças ao conceito de cache do navegador, esta seria uma melhoria única para um navegador configurado corretamente.

Comparado com muitos sites por aí, este carrega bastante rápido.A menos que seu site atinja mais de 20 milhões diariamente ou você esteja pagando por KB pela largura de banda, a configuração é mais que adequada.

Outras dicas

Não estou vendo tanto atraso.Parece que demoram menos de um segundo para carregar.

enter image description here

Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow
scroll top