Para medir e melhorar o desempenho da web, usamos métricas-chave de desempenho como First Contentful Paint (ou FCP), Speed Index, Total Blocking Time (ou TBT), Bounce Rate e Unique Users. Vamos analisar todas essas métricas individualmente. First Contentful Paint, ou FCP. Esta métrica mede quão rapidamente a primeira parte do conteúdo, como um texto ou imagem, aparece na tela. Um bom FCP é considerado um tempo abaixo de 1,8 segundos e um FCP ruim geralmente está acima de 3 segundos. Você pode verificar seu FCP usando o Chrome DevTools assim: Passo 1: Abra o Chrome DevTools

• Abra o Google Chrome.
• Vá para a página da web que você deseja testar.
• Pressione "F12" ou clique com o botão direito e "Inspecionar".

Passo 2: Encontre e clique na aba "Lighthouse" no DevTools. Passo 3: Clique no botão "Analyze page load" e aguarde a análise ser concluída. Agora podemos analisar os resultados. Fazemos isso rolando para baixo até a seção "Metrics" e procurando pelo marcador "First Contentful Paint". Podemos ver o tempo exato em milissegundos ou segundos. FCP e Interaction to Next Paint (ou INP), que analisamos anteriormente, são ambos métricas de desempenho, mas medem aspectos diferentes da experiência do usuário. É importante não confundi-los. Como lembrete, FCP é sobre a rapidez com que os usuários veem o conteúdo após o carregamento e INP é sobre a rapidez com que os usuários veem o feedback após clicar ou digitar. A seguir temos o Speed Index. Speed Index mede quão rapidamente as partes visíveis da página são renderizadas. Pontuações mais baixas significam melhor desempenho! Você pode verificar seu Speed Index nos Relatórios do Lighthouse. Também temos o Total Blocking Time ou TBT. Isto mostra por quanto tempo a thread principal fica bloqueada por tarefas pesadas de JavaScript. Se o TBT estiver alto, os usuários experimentam interações lentas. Para melhorar o TBT, divida tarefas longas e adie scripts não essenciais. A seguir, temos a Taxa de Rejeição. Esta é a porcentagem de visitantes que saem sem interagir. Se o seu site tem altas taxas de rejeição, pode ser porque a sua página está muito lenta. E finalmente temos usuários únicos. Esta métrica rastreia quantos visitantes individuais chegam ao seu site. Para visualizar a taxa de rejeição e os usuários únicos, você pode usar o Google Analytics. Isso permitirá que você monitore essas métricas e melhore o engajamento.