Conexões mais velozes. Computadores mais potentes. Latências cada vez menores. Mesmo com toda essa evolução tecnológica, muito sites ainda conseguem ficar mais lentos com o passar do tempo. O que fazer para solucionar esse problema? A resposta é simples: Web Performance Optimization (WPO). Um nicho que agrega técnicas e ferramentas que comprovadamente tem um impacto benéfico ao tempo de resposta de sites. Esta palestra será uma apresentação dos principais conceitos envolvendo WPO, além de apresentar alguns casos práticos de como identificar os gargalos e otimizar o desempenho de um site.
22. Citando Fred Wilson:
“Em primeiro lugar, acreditamos que a
velocidade é mais do que mais uma
característica. A velocidade é a
característica mais importante”
27. 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
28.
29.
30.
31.
32.
33. 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
34. 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
35. 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
36. 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
37. As principais regras para uma boa
perfomance web
#25 – Escreva código eficiente
#26 – Dispare logo o onload
E saiba quando quebrar as regras!