Digamos que estou carregando várias imagens grandes (> 500kb) em meus elementos usando php e js, descobri que minha velocidade de carregamento demora um pouco (cerca de 5 segundos).
Ontem à noite eu estava navegandohttp://ringvemedia.com/beijing-photos
e a velocidade de carregamento das imagens de fundo completas é extremamente rápida. Verifico que a largura natural da imagem de fundo é 1024px e a qualidade é bastante decente, então acho que o tamanho da imagem não deve ser muito pequeno.
Então, como consigo uma velocidade de carregamento de imagem semelhante? Estou usando um servidor hostgator aliás.
Responder1
A velocidade de carregamento da sua imagem é baseada na largura de banda, assumindo que a máquina não esteja terrivelmente sobrecarregada, o que é uma possibilidade em um ambiente compartilhado (mas deve ser irregular, às vezes rápido, às vezes lento).
Se você tiver, digamos, um upload de pipe de 2 MB do seu servidor como parte do seu plano de hospedagem, bem, 500 KB * 8 bits por byte = 4 MB, o que significa que cada imagem leva 2 segundos para ser transferida. Com imagens grandes... a transferência pode demorar um pouco, e isso se apenas um usuário estiver recebendo arquivos por vez. Você sabe qual é a sua largura de banda e onde está localizado o seu servidor?
Com base na sua descrição, aposto que sua largura de banda de saída não é tão alta e é por isso que a transferência de qualquer quantidade razoável de dados será mais lenta do que você gostaria.
Como observação lateral: para referência: as imagens desse site têm de 100 a 240 KB, a maioria na extremidade inferior.