Resumo de 30 segundos:
- Boa velocidade de página e experiência do usuário ajudam seu site a se destacar nos resultados de pesquisa
- A métrica Interação com a Próxima Pintura está substituindo o Atraso da Primeira Entrada
- Você pode melhorar e fazer com que seu site responda mais rápido à entrada do usuário reduzindo os tempos de processamento da CPU
Os Core Web Vitals são um conjunto de métricas que o Google definiu para medir o quão boa é a experiência do usuário em um site. Eles se tornaram um sinal de classificação pela primeira vez em 2021.
Embora as definições métricas foram ajustados ao longo do tempoa introdução da métrica Interação com a Próxima Pintura é a maior mudança desde o lançamento da iniciativa Core Web Vitals.
O que é interação com a próxima tinta (INP)?
Interação com a próxima pintura é uma métrica que avalia a rapidez com que seu site responde à interação do usuário. Ela mede quanto tempo decorre entre a entrada do usuário, como um clique de botão, e a próxima vez que o conteúdo da página é atualizado (a “próxima pintura”).
Para ter uma classificação melhor no Google, esse atraso de interação deve ser menor que 200 milissegundos. Isso garante que o site pareça responsivo aos usuários.
Como os Core Web Vitals estão mudando?
O Google anunciou que a interação com o Next Paint se tornará um dos três Core Web Vitals métricas em março de 2024. Nesse ponto, um site que responde à entrada do usuário muito lentamente pode ter um desempenho pior nas classificações dos resultados de pesquisa.
O INP substituirá o atual Atraso na primeira entrada Métrica (FID). Embora o FID também meça a responsividade, ele é mais limitado, pois analisa apenas a primeira interação do usuário. Ele também mede apenas o atraso até que o evento de entrada comece a ser manipulado, em vez de esperar até que o usuário possa ver o resultado.
Atualmente somente 64,9% dos sites para dispositivos móveis se sair bem na métrica Interação com a Próxima Pintura e será mais difícil obter uma boa pontuação INP do que uma boa pontuação Atraso na Primeira Entrada.
Como posso medir a métrica Interação com a Next Paint no meu site?
Executar um teste de velocidade do site para ver o quão rápido seu site carrega e o quão rápido ele responde à entrada do usuário.
Abra a aba “Web Vitals” quando seu teste estiver concluído. Você pode ver a métrica Interaction to Next Paint na parte inferior da página.
Neste caso, apenas 38% dos usuários têm uma boa experiência no INP.
Como posso otimizar a interação com a próxima pintura?
Atrasos de interação acontecem quando o navegador precisa executar muito processamento de CPU antes de poder atualizar a página. Isso pode acontecer por dois motivos:
- Tarefas em segundo plano em andamento impedem que a entrada do usuário seja manipulada
- O manuseio da entrada do usuário em si está tomando muito tempo
Tarefas em segundo plano geralmente acontecem durante o carregamento inicial da página, mas podem acontecer mais tarde também. Elas geralmente são causadas por código de terceiros incorporado no site.
Responder a uma interação do usuário pode exigir muito processamento. Se isso não puder ser otimizado, você pode considerar mostrar um spinner para fornecer feedback visual até que a tarefa de processamento seja concluída.
Executar código JavaScript é o tipo mais comum de processamento, mas atualizações visuais complexas também podem levar muito tempo.
Use o Chrome DevTools para analisar o desempenho
O Chrome DevTools criador de perfil de desempenho mostra quais tarefas estão demorando muito e devem ser otimizadas. Inicie uma gravação, clique em um elemento na página e, em seguida, clique nas barras mais longas na visualização.
Isso permite que você identifique se o código vem de terceiros ou do seu próprio site. Você também pode se aprofundar para ver como a tarefa pode ser acelerada.
Verifique a métrica Tempo Total de Bloqueio para identificar tarefas em segundo plano
O Tempo total de bloqueio métrica rastreia a frequência com que há tarefas de CPU em segundo plano que podem bloquear a execução de outro código. Se o usuário interagir com a página enquanto uma tarefa já estiver em andamento, o navegador primeiro conclui essa tarefa antes de manipular o evento de entrada.
Você pode usar ferramentas como Farol do Google para ver como essa métrica pode ser otimizada.
Se tarefas de processamento pesado no seu site fizerem parte do código principal do seu site, você precisará trabalhar com sua equipe de desenvolvimento para otimizá-las. Para terceiros, você pode revisar se o script ainda é necessário ou entrar em contato com o suporte ao cliente do fornecedor para ver se é possível otimizar o código.
Monitorar a interação com a próxima pintura
Quer acompanhar como você está se saindo no INP e em outros Core Web Vitals? O DebugBear pode acompanhe a velocidade do seu site e ajudar você a otimizá-lo.
Comece hoje mesmo um teste gratuito de 14 dias e ofereça uma melhor experiência ao usuário.
Conclusão
A métrica Interaction to Next Paint representa a maior mudança no Core Web Vitals do Google desde que foi originalmente anunciada. O INP aborda as deficiências da métrica anterior First Input Delay e fornece uma melhor representação de como os usuários vivenciam um site.
Verifique o desempenho do seu site na métrica Interação com o Next Paint antes que a mudança de classificação seja implementada em 2024. Dessa forma, você terá bastante tempo para identificar otimizações e tornar seu site mais rápido.
Experimente o DebugBear com uma avaliação gratuita de 14 dias.
