Contos de 200 trincheiras

O desempenho é crítico O desempenho, especialmente a velocidade das páginas da Web, é enfatizado como um fator-chave para projetos bem-sucedidos da Web. Garantir pontuações de desempenho de 100 é a meta principal.

Práticas de desenvolvimento

• Use o Google PageSpeed Insights para testes contínuos durante o desenvolvimento.
• Inicie projetos com código padronizado que já marca 100 para manter o alto desempenho.
• Verifique se as solicitações de pull (PRs) atendem aos padrões de desempenho antes da mesclagem.

Métricas principais Concentre-se em otimizar o LCP (Largest Contentful Paint) e o TBT (Total Blocking Time), pois eles afetam significativamente as pontuações de desempenho.

Gerenciamento de recursos

• Inclua os recursos necessários, como fontes e scripts de terceiros, na origem do projeto.
• Use fallbacks de fonte para melhorar os tempos de carregamento.
• Atrasar o carregamento de scripts não essenciais para melhorar o desempenho da carga inicial.

Otimização da Imagem Priorize o carregamento de imagens acima da dobra e use configurações de busca de alta prioridade para imagens críticas.

Estudos de caso

• CNN.com Índices de consulta otimizados e carregamento atrasado de anúncios Google para melhorar o desempenho.
• Herbert Homes usou a API do Observador de Interseção para carregar dados à medida que os usuários rolam a tela, melhorando o desempenho e a experiência do usuário.

Práticas recomendadas

• Comece com um código padronizado e use uma marcação bem estruturada.
• Utilize seletores de CSS avançados e minimize a manipulação de JavaScript.
• Concentre-se no desenvolvimento mobile-first.
• Certifique-se de que a estruturação do conteúdo seja intuitiva para os autores.

Ferramentas Use ferramentas como o Google Sheets e o DSA para rastrear pontuações de desempenho do site ao longo do tempo.