Otimização de páginas Web
Além de desenvolver para web, nós desenvolvedores, temos que ficar atento com a performance da página e a compatibilidade com navegadores. Por isso, é importante utilizarmos ferramentas e práticas, que farão nossas páginas serem carregadas de forma mais rápida e eficiente. Neste artigo, passamos um pouco deste nosso conhecimento.
Ferramentas
No desenvolvimento de páginas web, além de um bom editor de textos, utilizo outras ferramentas de apoio.
- Firefox - As ferramentas abaixo, também possuem versões para outros navegadores (acesse o site oficial delas), porém eu prefiro desenvolcer primeiro no Firefox e depois efetuar os ajustes necessários para os outros navegadores. Eu acho mais fácil.
- Firebug - Excelente ferramenta para debug. Possue diversos recursos, tais como análise do DOM, CSS, código fonte (original e gerado), entre outros.
- Html Validator - Esse adicional para o Firefox, valida o HTML gerado conforme os padrões estabelecidos pelo W3Consortion em termos de sintaxe e acessibilidade.
- CSS Validator - Esse adicional para o Firefox, valida o CSS gerado conforme os padrões estabelecidos pelo W3Consortion em termos de sintaxe e acessibilidade.
- YSlow - Ferramenta disponibilizada pelo Yahoo. Esta analisa o que esta sendo requisitado e como isso é feito, atribuindo um nota. Junto com as notas, ele informa o que fazer para melhora-la e remete a páginas com maiores informações sobre o requisito ou o que fazer para melhorá-lo.
, ler os resultados gerados e efetuar os ajustes necessários.