Este documento apresenta 25 regras principais para otimizar o desempenho de sites web, como habilitar GZIP, minificar arquivos, otimizar imagens e carregar scripts no final da página. A velocidade é a característica mais importante para sites, de acordo com Fred Wilson. Ferramentas como YSlow e PageSpeed Insights podem ajudar a diagnosticar problemas de desempenho.
23. Citando Fred Wilson:
“Em primeiro lugar, acreditamos que a
velocidade é mais do que mais uma
característica. A velocidade é a
característica mais importante”
28. A regra de ouro da Otimização de
Performance Web
“80-90% do tempo de resposta do
usuário final é gasto no frontend.
Comece por aí.”
Steve Souders
29.
30.
31.
32.
33.
34. As principais regras para uma boa
perfomance web
#1 – Habilite GZIP
#2 – Minifique JavaScript
#3 – Minifique CSS
#4 – Comprima o HTML
#5 – Não redimensione imagens no
HTML
#6 – Otimize as imagens
35. As principais regras para uma boa
perfomance web
#7 – Pense no formato das imagens
#8 – Diminua cookies e headers
#9 – Junte arquivos JavaScript
#10 – Juntar arquivos CSS
#11 – Use Sprites
#12 – Use Data URIs
#13 – Configure os headers
36. As principais regras para uma boa
perfomance web
#14 – Tire firulas do design
#15 – Especifique o tamanho das
imagens
#16 – Coloque o JavaScript no fim
#17 – Coloque o CSS no topo
#18 e #19 – Adie o carregamento do
que puder e Abuse do carregamento
assíncrono
37. As principais regras para uma boa
perfomance web
#20 – Otimize o First-View e o Above
the Fold Time
#21 – Design performático
#22 – Automatize
#23 – Use ferramentas de
diagnóstico
#24 – Pré-carregue componentes
38. As principais regras para uma boa
perfomance web
#25 – Escreva código eficiente
#26 – Dispare logo o onload
E saiba quando quebrar as regras!