Testes
Velocidade de download (páginas web)
O tempo de carregação de uma página na janela do browser afeta a qualidade da experiência dos usuários e se reflete diretamente nos resultados comerciais e de veiculação online das marcas a elas associadas. Por este motivo, o Google, no final de 2009, anunciou que o tempo de download das páginas web passaria a ser considerado para o seu posicionamento nos resultados de buscas.
A empresa já experimentou as consequências de desconsiderar a importância deste fator: quando o Google aumentou em 500 milisegundos o tempo de carregação da sua página Principal, o site perdeu 20% do tráfego. Já a Amazon.com considera um aumento de 100 milisegundos como responsável pela perda de 1% nas vendas. (1)
O gerente sênior de produtos da Microsoft, Pete LePage, declarou em evento para desenvolvedores que os vilões do tempo de carregação de página web são, além do Javascript, a renderização (20% do tempo), layout (entre 10% e 30%), o tempo de carregamento de algumas URLs, o CSS e a depuração do código HTML. (3)
Pesquisa da Pingdom em outubro de 2008 sobre os 100 principais blogs britânicos mostrou que o tamanho médio de página era de 934 Kb, dos quais cerca de 75% compostos por imagens (61,3%), 17,2% por scripts, 15,3% pelo código HTML, e 5,9% por CSS. Cada página tinha em média 63 imagens e 9 scripts externos. Este tamanho era três vezes o da média das páginas dos 1000 principais web sites do país (312.05K, em janeiro de 2008).
A pesquisa mostrou também que na medida em que os blogs ficavam mais populares, tendiam a mostrar mais banners e a ficar com as páginas mais carregadas, embora não afirmasse que este aumento afetava diretamente a audiência. (2)
■ Embora o uso da banda larga no Brasil tenha aumentado muito nos últimos anos, pesquisa sobre o acesso residencial à internet feita pelo Comitê Gestor da internet do Brasil, a TIC Domicílios (PDF, 5,8Mb), mostra em 2010que o tipo predominante de conexão foi a banda larga, com 68% dos domicílios, sendo que a conexão via modem dial-up detinha 14% dos acessos.
Temos no país um número ainda relativamente alto de usuários que acessam a internet por linha discada ou por conexões de banda larga de baixa velocidade, que precisam ser considerados no projeto dos sites web brasileiros. Além disso, o uso da internet por smarphones ainda é lento em relação à web para PCs, o que valoriza as páginas leves e limpas - além disso, como muitos usuários pagam por Mb usados ou baixados, o peso das páginas é um fator que pesa no bolso de cada um.
A partir da verificação do tempo de carregação, pode-se avaliar a importância do tempo de carregação das páginas web e dos fatores que o afetam.
Atividades relacionadas
■ Verificar o tempo de carregação das páginas em conexão por linha discada (300Kbps ou menos). Se uma página leva mais de 30 segundos para carregar, o site pode estar perdendo usuários da internet e de dispositivos móveis, que têm conexões lentas, desistem de esperar e procuram outras páginas.
Segundo Jakob Nielsen (6.2010), o tempo de carregação afeta a experiência de uso de páginas web porque o desempenho do cérebro humano é prejudicado quando submetido a longos tempos de espera; além disso, o usuário perde a sensação de estar no controle da experiência de uso quando obrigado a esperar longos períodos. (4)
■ Testar as principais páginas em sites como WebWait, o plug-in para Firefox Page Speed, da Google, ou o YSlow.
■ Limpar o código HTML para manter o mínimo de marcações possível (50KB ou menos), sem excessos de chamadas de CSS, muitos divs ou tabelas. Reduzir também os excessos não utilizados em CSS e Javascrits.
■ Publicar imagens, animações e vídeos que realmente se somem às informações em formato de texto, para evitar o aumento do tempo de carregação das páginas com informação inútil.
■ Utilizar as imagens adequadamente, JPGs para imagens, PNG 8 para imagem a traço. GIFs não são tão comprimidas quanto PNGs, que são não só menorescomo também de melhor qualidade.
O formato PNG 24 não mostra as transparências no Internet Explorer 6 e 7 e as imagens são mais pesadas que o PNG 8. O Fireworks tem melhor algoritmo de compressão de imagens em PNG 24 que o Photoshop.
■ Prover informações que carreguem rápido em todas as páginas, para tornar o tempo de espera do download de imagens mais agradável e relacionado à esperiência de uso do site.
■ Inserir imagens maiores e arquivos para download nas camadas mais profundas, com aviso ao visitante sobre o tamanho do arquivo e seu formato.
A velocidade de carregação das páginas de um site é um fator muito importante para que seu conteúdo seja procurado e bem aceito por um grande número de usuários, e deve ser um dos indicadores de qualidade considerados em relação à usabilidade da interface.
Assuntos relacionados
► Contratação de agência web
► Indicadores de qualidade – exemplo de lista de checagem
Referências sobre velocidade de carregação de página web
► Best practices for speedingu up your web site (Yahoo, acesso em 19.11.2011)
► How long do users stay on web pages?, de Jakob Nielsen (Alextbox, acesso em 12.9.2011)
► Need for speed: Give your web pages a nitro boost, de Kristine Schachinger (Search Engine Watch, acesso em 3.7.2010)
► Why page weight still matters, de Craig Buckler (SitePoint, acesso em 6.4.2010)
4) Website response times (AlertBox, acesso em 21.6.2010)
3)Velocidade do Javascript não é tudo no browser, diz Microsoft (IDGNow.com, acesso em 14.6.2010)
► Why page weight still matters, de Craig Buckler (SitePoint, acesso em 6.4.2010)
2) Average top 100 weblog performance survey (WebSiteOptimization.com, acesso em 20.2.2009)
1) How to make your website really, really fast (ZDNet, acesso em 20.2.2009)
Mais informação sobre o assunto (links externos)
► test everything! ferramenta para teste de web sites na validação do código, em SEO, em mídias sociais e outros recursos (B2B, acesso em 8.12.2008)
► Designing waits that work, de Donald Norman
(MIT Sloan Management Review, acesso em 9.7.2009, mediante inscrição gratuita)
► Web Page Analyzer – ferramenta gratuita do site
► WebSiteOptimazation.com que avalia a velocidade de download de uma página e emite um parecer sobre as melhores formas de aumentar o tempo de carregação
