Tempos de resposta

Segunda-feira, 15 de Novembro de 2004

Neste fim-de-semana estive a experimentar um método para comprimir os ficheiros CSS do site. A folha de estilos principal tem cerca de 24KB, o que é muito!

Fui aos meus arquivos desorganizados e encontrei este artigo: “Gzipping your CSS with PHP” com duas técnicas para comprimir a folha de estilos até 75%. Experimentei e… funciona! O ficheiro CSS comprimido ficou com apenas 4,9KB, ou seja, consegui uma compressão de quase 80%. Provavelmente ainda posso comprimir muito mais se remover os comentários do ficheiro, mas às vezes dão-me jeito para saber o que estou a alterar.

Página Principal:
Em termos de HTML, a página principal do site tem 14KB. Aqui não há muito mais a fazer.

Quanto às imagens… são 96KB na primeira página!! São muitos KB, mas é devido às imagens de todos os artigos que aparecem. No entanto vou tentar fazer uma optimização de todas as imagens para lhes reduzir o tamanho. Supostamente, uma página não deve ter mais de 15kB de imagens…

No global, a primeira página do site tem 114KB, que é uma coisa gigantesca, no entanto temos que considerar que esta página abre os 10 artigos mais recentes, portanto é uma página muito extensa (talvez altere para abrir apenas os 5 mais recentes).

Página de artigo:
Para comparar, fiz o mesmo teste à página do último artigo publicado no site. Os resultados foram muito mais animadores: HTML (6,5KB), imagens (7,8KB), CSS (4,9KB), o que dá um total de 19,3KB! Excelente!! Uma página web com menos de 20KB consegue abrir em 8 segundos numa ligação de 56K.

Segundo Jakob Nielsen, os utilizadores começam a ficar frustrados quando uma página demora mais de 10 segundos a abrir.

O Teste:
Como foi feito o teste? Simples! Basta escrever o endereço do vosso site no Web Page Analyzer e os resultados falam por si.

ACTUALIZAÇÃO:

Já alterei a página inicial para mostrar apenas os 3 artigos mais recentes e uma lista com os restantes 7 (10 no total). Isto permite que a página não fique tão comprida e pesada.
Ainda relacionado com este artigo, vou começar a ler o livro “Speed Up Your Site: Web Site Optimization“…