Ir para o conteúdo principal
web.dev
Recursos
  • Plataforma da Web
  • Aprofunde seus conhecimentos sobre a plataforma da Web no seu ritmo.
  • HTML
  • CSS
  • JavaScript
  • Experiência do usuário
  • Aprenda a criar experiências do usuário melhores.
  • Desempenho
  • Acessibilidade
  • Identidade
  • Aprendizado
  • Aprenda sobre desenvolvimento da Web.
  • Aprender HTML
  • Aprender CSS
  • Aprender JavaScript
  • Conheça a IA
  • Aprenda sobre desempenho
  • Acessibilidade
  • Mais cursos
  • Outros recursos
  • Confira coleções de conteúdo, padrões e muito mais.
  • IA e a Web
  • Explorar
  • PageSpeed Insights
  • Podcasts e programas
  • Newsletter para desenvolvedores
  • Sobre o web.dev
Descoberta Valor de referência Como usar a referência Blog Estudos de caso
/
  • English
  • Deutsch
  • Español – América Latina
  • Français
  • Indonesia
  • Italiano
  • Polski
  • Português – Brasil
  • Tiếng Việt
  • Türkçe
  • Русский
  • עברית
  • العربيّة
  • فارسی
  • हिंदी
  • বাংলা
  • ภาษาไทย
  • 中文 – 简体
  • 中文 – 繁體
  • 日本語
  • 한국어
Fazer login
  • Articles
IA e a Web Tempos de carregamento rápidos Conhecer as Core Web Vitals Identidade Progressive Web Apps Pagamentos Notificações Como otimizar o INP Confiabilidade de rede Reagir Animações Mini apps Mídia Proteção e segurança WebAssembly Dispositivos Facilmente detectável Automação de teste Angular
web.dev
  • Recursos
    • Mais
    • IA e a Web
    • Tempos de carregamento rápidos
    • Conhecer as Core Web Vitals
    • Identidade
    • Progressive Web Apps
    • Pagamentos
    • Notificações
    • Como otimizar o INP
    • Confiabilidade de rede
    • Reagir
    • Animações
    • Mini apps
    • Mídia
    • Proteção e segurança
    • WebAssembly
    • Dispositivos
    • Facilmente detectável
    • Automação de teste
    • Angular
  • Descoberta
  • Valor de referência
  • Como usar a referência
  • Blog
  • Estudos de caso
  • Introdução
  • Por que a velocidade é importante?
  • O que é velocidade?
  • Como medir a velocidade?
  • Como permanecer rápido?
  • Core Web Vitals
  • Web Vitals
  • Métricas de performance centradas no usuário
  • Definir os limites das Principais métricas da Web
  • Maior exibição de conteúdo (LCP)
  • Cumulative Layout Shift (CLS)
  • Interaction to Next Paint (INP)
  • Otimizar a Maior exibição de conteúdo
  • Otimizar a Mudança de layout cumulativa
  • Otimizar a interação com a próxima exibição
  • As maneiras mais eficazes de melhorar as Core Web Vitals
  • Fluxos de trabalho das Principais métricas da Web com ferramentas do Google
  • Otimizar as Principais métricas da Web para tomadores de decisões de negócios
  • Medir o desempenho no campo
  • Usar o Relatório de UX do Chrome para analisar o desempenho no campo
  • Por que os dados de laboratório e de campo podem ser diferentes e o que fazer a respeito
  • Por que os dados do CrUX são diferentes dos meus dados do RUM?
  • Otimizar o envio de recursos
  • Otimizar o tempo para o primeiro byte
  • Redes de fornecimento de conteúdo (CDNs)
  • Priorize recursos
  • Pré-carregue recursos essenciais para melhorar a velocidade de carregamento
  • Estabeleça conexões de rede cedo para melhorar a velocidade percebida da página
  • Buscar recursos para acelerar navegações futuras
  • Reprodução rápida com pré-carregamento de áudio e vídeo
  • Veiculação adaptável com base na qualidade da rede
  • Otimizar suas imagens
  • Escolha o formato de imagem correto
  • Escolher o nível correto de compactação
  • Usar o Imagemin para compactar imagens
  • Substitua GIFs animados por vídeos para acelerar o carregamento da página
  • Exibir imagens responsivas
  • Veicular imagens com dimensões corretas
  • Usar imagens WebP
  • Usar CDNs de imagens para otimizar imagens
  • Carregamento lento de imagens e vídeos
  • Carregamento lento de imagens no navegador para a Web
  • Otimizar fontes da Web
  • Práticas recomendadas para fontes
  • Evite texto invisível durante o carregamento da fonte
  • Otimizar o carregamento e a renderização de fontes da Web
  • Reduzir o tamanho da fonte na Web
  • Otimizar o CSS
  • Adiar CSS não essencial
  • Compactar CSS
  • Extrair CSS crítico
  • Otimizar imagens de plano de fundo CSS com consultas de mídia
  • Otimize seus recursos de terceiros
  • Desempenho de JavaScript de terceiros