INP (Interaction to Next Paint): conheça a métrica das Core Web Vitals

A +A −

O Google trouxe uma mudança significativa para as Core Web Vitals, métricas essenciais que ajudam a mensurar a experiência do usuário em websites. A partir de março de 2024, a Interaction to Next Paint (INP) substituiu a First Input Delay (FID), prometendo análises mais precisas e completas sobre a interatividade das páginas.

As Core Web Vitals são métricas que o Google considera indispensáveis para uma boa experiência de página, indicando aos administradores de sites o que precisa ser melhorado.

O que é a INP (Interaction to Next Paint)?

A INP é uma métrica projetada para medir todas as interações do usuário em uma página, considerando a mais lenta delas. Ela avalia o tempo desde a interação até a próxima pintura da tela (Next Paint), garantindo uma visão mais detalhada da experiência do usuário em comparação à FID, que mede apenas o atraso da primeira interação.

Escala de desempenho da INP

• Bom: Abaixo de 200 ms.
• Precisa de melhorias: Entre 200 e 500 ms.
• Ruim: Acima de 500 ms.

Ao avaliar todas as interações, a INP reflete melhor o comportamento real dos usuários ao longo de sua jornada em uma página web.

Por que a INP é mais eficaz que a FID?

A FID mede apenas o atraso da primeira interação do usuário após o carregamento da página, o que limita sua capacidade de representar interações subsequentes. Já a INP considera:

• Todas as entradas do usuário: Não apenas a primeira, mas todas as interações ao longo da navegação.
• Duração total de eventos: Avalia o tempo necessário para processar cada interação e renderizar o próximo quadro.
• Agrupamento de interações lógicas: As interações relacionadas são agrupadas, considerando a interação mais lenta.
• Cobertura ao longo do ciclo de vida: Mede a responsividade durante toda a experiência do usuário na página.

Essas melhorias tornam a INP uma métrica mais abrangente e fiel às experiências reais dos usuários.

Como surgiu a INP?

O início: 2021

Em junho de 2021, o Google apontou as limitações da FID em um artigo do time do Chrome, destacando a necessidade de uma métrica mais robusta.

Em novembro do mesmo ano, a métrica começou a ser testada de forma experimental, e a comunidade de desenvolvedores foi convidada a fornecer feedback.

O nome oficial: 2022

Em março de 2022, o nome Interaction to Next Paint foi anunciado oficialmente. Segundo Jeremy Wagner, membro da equipe do Chrome:

90% do tempo que um usuário passa em uma página ocorre após o carregamento. Portanto, medir a capacidade de resposta durante todo o ciclo de vida da página é essencial.

Lançamento oficial: 2023

Rick Viscomi e Annie Sullivan, em 2023, confirmaram que a INP será implementada definitivamente como métrica das Core Web Vitals em 2024. Até lá, ela estará disponível em ferramentas como PageSpeed Insights e Lighthouse com o status experimental.

Benefícios de atender a INP

A implementação da INP trará vantagens tanto para desenvolvedores quanto para usuários:

• Desenvolvedores: maior precisão na detecção de gargalos de interatividade, permitindo priorizar melhorias de desempenho.
• Usuários: experiências mais responsivas, reduzindo frustrações causadas por atrasos em interações.

Além disso, a métrica incentiva boas práticas de desenvolvimento, como feedbacks visuais rápidos e otimizações de JavaScript para evitar bloqueios desnecessários.

Como ajustar seu site para atender a INP?

Para garantir que seu site esteja atendendo as métricas Core Web Vitals:

1. Use ferramentas de análise: o Lighthouse e o PageSpeed Insights já suportam a INP no modo experimental.
2. Otimize seu JavaScript: reduza tarefas longas que possam atrasar a próxima pintura. Use técnicas de lazy, atrase ou tardie carregamentos, compacte arquivos, etc…
3. Implemente feedbacks visuais rápidos: garanta que o usuário perceba imediatamente que sua interação foi registrada.

Quer ficar por dentro de mais novidades sobre SEO e Core Web Vitals? Siga a Pink and Brain e tenha acesso à conteúdos exclusivos dos ratos do digital.