O seu sítio Web tem uma má pontuação INP: o que fazer?

Introdução
Olá, amigos! Hoje vamos falar sobre a pontuação INP e o que fazer se ela não estiver onde deveria estar. Este verão, o Google enviou e-mails felizes dizendo “O seu sítio Web tem o seguinte problema de INP: O valor “INP” é demasiado elevado: mais de 200ms (dispositivos móveis).” O que é que isto significa e como é que deve lidar com isto?

O que é o INP?
O INP (Interaction to Next Paint) é uma nova métrica que reflecte a velocidade de resposta de um sítio Web. A partir de março de 2024, substituirá a métrica FID na família Core Web Vitals.

O INP avalia a rapidez com que uma página responde à interação do utilizador. Mede a interação mais longa observada sem ter em conta os valores de drop-down.

O INP apenas tem em conta os seguintes tipos de interação:

Clique do rato
Toque num dispositivo com um ecrã tátil
Premir uma tecla num teclado físico ou no ecrã

O INP não é afetado pelo movimento do rato ou pelo deslocamento da página. No entanto, a deslocação através do teclado (por exemplo, “espaço”, “página para cima”, “página para baixo”, etc.) exige o premir de uma tecla, o que, por sua vez, pode desencadear outros eventos que são registados e contabilizados no INP. Mas o facto de se deslocar não afecta o cálculo do INP, e qualquer deslocação não é tida em conta ao determinar o atraso global da entrada.

O que distingue o INP do FID
Quando se trata de medir a interação do utilizador com uma página Web, existem duas métricas:
1. Atraso global de entrada (INP)
2. Atraso da primeira entrada (FID)

O INP abrange todas as interacções do utilizador na página e analisa o tempo de atraso que ocorre com cada ação. Por outro lado, o FID centra-se apenas na primeira interação do utilizador e mede o tempo entre esta ação e a resposta do navegador. É importante notar que o FID não mede o tempo de processamento do evento ou o atraso na apresentação da imagem seguinte, mas centra-se apenas no atraso da entrada no momento da primeira interação.

Para obter informações gerais, no vídeo abaixo, pode ouvir as explicações dos engenheiros da equipa da plataforma Web do Chrome, Annie Sullivan e Michael McNee, sobre o motivo pelo qual a métrica INP foi introduzida e como facilita a vida aos utilizadores finais.

Como otimizar a capacidade de resposta da Web com o Interaction to Next Paint

Como otimizar a capacidade de resposta da Web

Como o INP é calculado
A interação refere-se a uma combinação de manipuladores de eventos que são activados pela mesma ação lógica do utilizador. A interação pode ser controlada utilizando JavaScript, CSS, controlos padrão do browser (como elementos de formulário) ou uma combinação dos mesmos.

O Atraso de Interação é o período de tempo que consiste no tempo de execução mais longo de um grupo de manipuladores de eventos associados a uma interação específica, começando no momento em que o utilizador inicia a interação e terminando quando o browser apresenta o próximo quadro de feedback visual.

Por exemplo, quando um utilizador clica num elemento, o browser executa uma série de manipuladores de eventos e o atraso da interação é determinado pelo tempo que o manipulador mais longo demora a executar antes de o estado visual da página ser atualizado.

O significado de INP
O INP é classificado em três categorias: “Bom”, “Precisa de ser melhorado” e “Mau”.
-Um tempo de resposta inferior a 200 milissegundos é considerado bom,
-200 a 500 milissegundos requer melhorias,
-e acima de 500 milissegundos é considerado mau.

A ação do utilizador é medida por um único número para esta métrica, que varia de cada vez. As ferramentas que informam sobre as classificações de campo do Core Web Vitals o fazem usando o 75º percentil.

Otimização do INP
A estratégia para otimizar o INP tem como objetivo reduzir o tempo de espera que ocorre ao carregar scripts, carregar recursos e analisar HTML/CSS para obter uma renderização mais precisa e rápida das páginas da Web. O mecanismo de otimização do INP consiste nas seguintes etapas:

– Identificação de áreas problemáticas
– Analisar os resultados obtidos
– Aceleração das áreas problemáticas durante o carregamento da página

Para identificar as áreas problemáticas, comece por analisar os dados de campo. Os dados de campo referem-se a dados reais que recebemos dos utilizadores, também conhecidos como Real User Monitoring (RUM).

Estes dados são recolhidos através do seguimento das acções de todos os utilizadores que visitam uma determinada página Web. As ferramentas do Chrome que apresentam relatórios sobre dados de campo obtêm normalmente estes dados a partir do
Relatório de experiência do utilizador do Chrome (CrUX).
O PageSpeed Insights também pode ser utilizado.

Para ver o valor da métrica INP, pode ir à secção “Core Web Vitals” na Consola de Pesquisa do Google. Se um Web site tiver problemas com o INP, será apresentado um aviso.

Em 6 de setembro de 2023, a Ahrefs anunciou a introdução de uma métrica de autoridade web: INP, no seu blogue. Para encontrar páginas com pontuações INP baixas durante a verificação, selecione “Explorador de páginas” no menu esquerdo, clique em “Colunas” e adicione colunas relacionadas com o INP através da função de pesquisa.

Imagem do blogue da Ahrefs

Depois de identificar as páginas com uma pontuação INP (Input Delay) fraca, o próximo passo é compreender qual a ação do utilizador que causa especificamente a resposta lenta da página e como a velocidade de resposta pode ser aumentada. Na maioria dos casos, os métodos padrão de aceleração das páginas do Web site ajudam:

-Otimizar imagens;
-Minificar ou comprimir ficheiros CSS e JS;
-Carregamento assíncrono;
-Armazenamento em cache de páginas lentas;
-Limpar o código;
-Mudar para um fornecedor de alojamento mais rápido;
-Utilização de uma rede de distribuição de conteúdos.

No entanto, não são raras as situações em que um webmaster com um excelente FID se depara subitamente com problemas com o INP. Na maioria das vezes, isto significa que um script iniciado pelo utilizador está a funcionar lentamente, e não o carregamento da página. É o estudo da lógica desses scripts que normalmente ajuda a resolver esse problema.

Por exemplo, um dos métodos para resolver o problema é a capacidade de atrasar manualmente a execução de parte do código utilizando a função setTimeout(). Mesmo que o tempo limite seja definido como zero, esta função criará uma tarefa separada, removendo-a do thread principal, o que reduzirá o tempo de resposta.

Os principais problemas que se colocam são normalmente causados por scripts externos a que os webmasters não têm acesso, como iframes com jogadores. A velocidade de carregamento de tais scripts pode afetar visivelmente o indicador INP. Nestes casos, vale a pena procurar as suas próprias soluções para melhorar o indicador.

Conclusão
Apesar das declarações em voz alta da Google, até março de 2024, quando o INP começar a ter impacto na classificação, não podemos dizer com exatidão quão significativo será o fator Latência Global de Entrada (INP). Uma vez que a INP será utilizada em vez do FID, pode presumir-se que o impacto na classificação será comparável, mas não temos a certeza: continuam a ser factores diferentes.

Enquanto uma pontuação baixa no FID indica claramente um desempenho lento da página e, por conseguinte, um sítio Web de baixa qualidade, uma pontuação baixa no INP pode indicar apenas a utilização de um script que consome muitos recursos e que executa uma tarefa importante. Além disso, podem ser feitos ajustes a esta métrica antes da sua implementação – não foi introduzida imediatamente por uma razão.

Caros amigos, obrigado por terem lido o artigo até ao fim! Espero que o artigo tenha sido útil para vocês, e que os vossos sites tenham melhorado as métricas INP! ?