INP (Interaction to Next Paint): conheça a métrica das Core Web Vitals
Medindo todas as interações durante a navegação, a INP oferece maior precisão e ajuda a melhorar a experiência do usuário em sites.
César Canteiro em Tempo de leitura: 4 minutos 6 views.
Índice
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:
- Use ferramentas de análise: o Lighthouse e o PageSpeed Insights já suportam a INP no modo experimental.
- 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…
- 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.
