FEO
Front-end Optimizations
Dicas e Boas práticas
GOOGLE DEVELOPER BUS 2013 | SÃO PAULO - BRASIL
PORQUE É IMPORTANTE?
- Consumo de Banda
- Consumo de memória
- Velocidade de Renderização
- Dispositivos diferentes
- Taxa de rejeição
- Melhor posicionamento nas buscas
Ferramentas úteis
- Yslow
- Google PageSpeed
- Firebug
Dicas úteis
- HTML5 Boilerplate (http://html5boilerplate.com/)
-
Browser Diet (http://browserdiet.com/pt/)
- UNCSS (https://github.com/addyosmani/grunt-uncss)
- FEO Tool (https://github.com/sideroad/feo)
Imagens x Flat design
- Utilize mais CSS3 e Menos imagens
- GZIP e DATA URIs
- Um arquivo pequeno carrega mais rápido
do que um arquivo grande
- Um arquivo grande carrega mais rápido
do que vários pequenos
Made with Slides.com