Richard Duchatsch Johansen
Front-end Developer, expert HTML5/CSS3, SEO, Validation Cross-browser, Semantic Web, Open Web, Responsive Design and Accessibility Specialties: Certification of HTML5 and CSS3 by W3C.br; Visie the Advanced CSS / Tableless;
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
- Woorank
- GTMetrix
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
Obrigado
FEO FRONT-END OPTIMIZATIONS DICAS E BOAS PRÁTICAS
By Richard Duchatsch Johansen
