Otimize a nova métrica de interação do Google para a próxima pintura

Os Core Web Vitals são um conjunto de métricas que o Google definiu para medir a qualidade da 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 de métrica foram ajustados ao longo do tempoa introdução da métrica Interaction to Next Paint é a maior mudança desde o lançamento da iniciativa Core Web Vitals.

O que é a interação com a próxima pintura (INP)?

Interação para a próxima pintura é uma métrica que avalia a rapidez com que seu site responde à interação do usuário. Ele mede quanto tempo decorre entre a ingressão do usuário, porquê um clique de botão, e a próxima atualização do teor da página (a “próxima pintura”).

Para qualificar melhor no Google, esse delonga de interação deve ser subalterno a 200 milissegundos. Isso garante que o site seja responsivo aos usuários.

Uma vez que as principais métricas da Web 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 à ingressão do usuário muito lentamente pode piorar nas classificações dos resultados de pesquisa.

O INP substituirá o atual Primeiro atraso de entrada (FID). Embora o FID também meça a capacidade de resposta, ele é mais restringido, pois analisa exclusivamente a primeira interação do usuário. Ele também mede exclusivamente o delonga até que o evento de ingressão comece a ser manipulado, em vez de esperar até que o usuário possa ver o resultado.

Atualmente exclusivamente 64,9% dos sites móveis tenha um bom desempenho na métrica de interação com a próxima pintura e será mais difícil obter uma boa pontuação de INP do que uma boa pontuação de primeiro delonga de ingressão.

Uma vez que posso medir a métrica de interação com a próxima pintura no meu site?

Executar um teste de velocidade do site para ver a rapidez com que seu site carrega e com que rapidez ele responde à ingressão do usuário.

Abra a guia “Web Vitals” quando o teste for concluído. Você pode ver a métrica de interação com a próxima pintura na secção subalterno da página.

Neste caso, exclusivamente 38% dos usuários têm uma boa experiência no INP.

Uma vez que posso otimizar a interação para a próxima pintura?

Atrasos de interação acontecem quando o navegador precisa realizar muito processamento da CPU antes de poder atualizar a página. Isso pode sobrevir por dois motivos:

• Tarefas em segundo projecto em curso impedem que a ingressão do usuário seja manipulada
• Mourejar com a ingressão do usuário em si está levando muito tempo

Tarefas em segundo projecto geralmente acontecem durante o carregamento inicial da página, mas também podem sobrevir mais tarde. Eles geralmente são causados ​​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 a exibição de um controle rotatório para fornecer feedback visual até que a tarefa de processamento seja concluída.

A realização do código JavaScript é o tipo de processamento mais generalidade, mas atualizações visuais complexas também podem levar muito tempo.

Use o Chrome DevTools para estudar 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 da visualização.

Isso permite que você identifique se o código vem de terceiros ou de seu próprio site. Você também pode submergir mais fundo para ver porquê a tarefa pode ser acelerada.

Verifique a métrica Tempo totalidade de bloqueio para identificar tarefas em segundo projecto

O Tempo total de bloqueio A métrica rastreia com que frequência há tarefas de CPU em segundo projecto que podem impedir a realização de outro código. Se o usuário interagir com a página enquanto uma tarefa já estiver em curso, o navegador primeiro concluirá essa tarefa antes de manipular o evento de ingressão.

Você pode usar ferramentas porquê Farol do Google para ver porquê essa métrica pode ser otimizada.

Se tarefas pesadas de processamento em seu site fizerem secção do código principal do site, você precisará trabalhar com sua equipe de desenvolvimento para otimizá-las. Para terceiros, você pode verificar se o script ainda é necessário ou entrar em contato com o suporte ao cliente do fornecedor para ver se é verosímil otimizar o código.

Monitorar a interação para a próxima pintura

Quer seguir seu desempenho no INP e em outros Core Web Vitals? DebugBear pode Acompanhe a velocidade do seu site e ajudá-lo a otimizá-lo.

Comece um teste gratuito de 14 dias hoje e proporcione uma melhor experiência ao usuário.

Peroração

A métrica Interação para a próxima pintura representa a maior mudança nas principais métricas da Web do Google desde que foram originalmente anunciadas. O INP aborda as deficiências da métrica anterior First Input Delay e fornece uma melhor representação de porquê os usuários experimentam um site.

Verifique o desempenho do seu site na métrica Interação para a próxima pintura antes que a mudança de classificação seja lançada em 2024. Dessa forma, você terá muito tempo para identificar otimizações e tornar seu site mais rápido.

Experimente o DebugBear com uma avaliação gratuita de 14 dias.