Para entregar uma experiência de usuário mais rápida e otimizada no navegador, é necessário uma cuidadosa reflexão sobre as várias camadas da pilha – TCP em diante. Em um empreendimento bastante ambicioso, quando tive a chance de executar uma oficina de três horas (maratona) na Devoxx 2012, tentei fazer exatamente isso: um curso intensivo sobre o desempenho web. Mesmo com tanto tempo, muito ficou por ser dito, mas estou feliz com a forma como aconteceu – ele acabou sendo uma das oficinas mais populares.

A melhor parte é que o vídeo já está disponível online gratuitamente! A equipe da Devoxx fez um incrível trabalho de pós-processamento da gravação, com slides junto ao vídeo, navegação pelo índice completo e muito mais. Confira abaixo. Espero que gostem.

Web Performance Crash Course – PDF slides (9.5MB)

A vida de uma requisição web: TCP, HTTP, SPDY, tempos de navegação e mobilidade

A parte um cobre grande parte da infraestrutura de rede subjacente, na qual você pode não pensar no dia-a-dia, mas que muitas vezes determina a entrega e o consequente desempenho de sua aplicação:

• Qual é o impacto de sites lentos?
• O que é “rápido” e como estamos fazendo hoje?
• A vida de uma requisição HTTP, do TCP em diante
• Redes mais rápidas vão nos salvar, certo? (Na maior parte) Errado!
• Largura de banda, não importa (muito)
• HTTP 1.0/1.1 e desempenho TCP
• SPDY em 10 slides, ou menos
• Desempenho das redes móveis
• Sob o capô da pilha de rede do Chrome
• O tempo de navegação e medição usuário Real (ou Real User Measurement, RUM)

A vida de uma página web: DOM, CSSOM, renderização, aceleração

A parte dois pega do slide 79 em diante e é focada na arquitetura do modelo de execução do navegador:

• Tokenização, análise e construção do DOM
• Construindo a árvore Render (DOM e CSSOM)
• Medir o desempenho visual e da renderização
• Aceleração de hardware “um a um”
• Colocando tudo em prática em um exemplo sintético
• Análise do caminho crítico para o guardian.co.uk
• Regras de desempenho, dicas e truques para aplicar em seu site

***

Artigo traduzido pela Redação iMasters, com autorização do autor. Publicado originalmente em http://www.igvita.com/2013/01/15/faster-websites-crash-course-on-web-performance/