Tempos de carregamento rápidos
Técnicas para melhorar o desempenho do site.
Core Web Vitals
Defina orçamentos de desempenho
Otimize suas imagens
- Escolha o formato de imagem certo
- Choose the correct level of compression
- Use Imagemin para comprimir imagens
- Substitua GIFs animados por vídeos para carregar as páginas mais rapidamente
- Exiba imagens responsivas
- Veicule imagens com dimensões corretas
- Use imagens WebP
- Use CDNs de imagem para otimizar imagens
Use carregamento adiado (lazy loading) de imagens e vídeos
Otimize seu JavaScript
- Optimize long tasks
- Optimize Interaction to Next Paint
- Aplique carregamento instantâneo com o padrão PRPL
- Reduza os payloads do JavaScript com divisão de código
- Remova o código não utilizado
- Minifique e comprima payloads de rede
- Serve modern code to modern browsers for faster page loads
- Publique, envie e instale o JavaScript moderno para aplicativos mais rápidos
- Como o CommonJS está tornando seus pacotes maiores
Otimize a entrega de recursos
- Redes de distribuição de conteúdo (CDNs)
- Prioritize resources
- Pré-carregue ativos críticos para melhorar a velocidade de carregamento
- Estabeleça conexões de rede com antecedência para melhorar a velocidade percebida da página
- Prefetch resources to speed up future navigations
- Fast playback with audio and video preload
- Optimize Time to First Byte