A interação com a Next Paint vai se tornar oficialmente uma Core Web Vitals e vai substituir a First Input Delay em 12 de março.
O programa Métricas da Web oferece métricas para ajudar os desenvolvedores Web a avaliar os principais aspectos da experiência do usuário na Web. A First Input Delay (FID) representava o aspecto da capacidade de resposta do programa, mas, com o tempo, ficou claro que uma nova métrica era necessária para capturar aspectos da interatividade na Web que a FID não capturava. A equipe do Chrome reconheceu essa necessidade e lançou a Interaction to Next Paint (INP) como uma métrica experimental em maio de 2022. No ano passado, o INP se tornou uma métrica pendente, e anunciamos que ele seria promovido para o status estável em março de 2024.
Hoje, anunciamos que o INP se tornará oficialmente um Core Web Vitals e substituirá o FID em 12 de março deste ano, e que o FID será descontinuado nessa transição.
Esta postagem oferece conselhos da equipe do Chrome sobre como se preparar para essa mudança e o que esperar quando as alterações entrarem em vigor.
Como posso me preparar?
A primeira etapa dessa transição é descobrir se o INP do seu site passa na classificação "bom" mínimo. Todas as Core Web Vitals são pontuadas com base no desempenho delas no campo, no 75o percentil de todos os carregamentos de página.
A maneira mais fácil de ver o desempenho do seu site no INP é usar o PageSpeed Insights, que mostra dados do Chrome User Experience Report (CrUX, na sigla em inglês). O CrUX é o conjunto de dados oficial do programa Web Vitals e pode ser uma possível fonte de dados de campo para seu site.
Outra fonte de dados de campo pode vir de um provedor de Monitoramento real de usuários (RUM, na sigla em inglês), que também observa o desempenho do seu site em campo. Se você estiver trabalhando com um provedor de RUM, pergunte sobre o suporte ao INP.
Se você achar que o INP do seu site está na categoria "Precisa de melhorias" ou "ruim" categoria, preparamos vários recursos para ajudar você a melhorá-lo, começando com como diagnosticar e resolver problemas de INP:
Quando você souber qual é o problema, use os guias a seguir para descobrir para quais partes da interação você deve otimizar:
- Otimize tarefas longas se você tiver JavaScript que ocupa um tempo considerável na linha de execução principal. Se houver muitas atividades da linha de execução principal durante o carregamento da página, o que está desencadeando muitas tarefas longas na linha de execução principal, talvez você tenha problemas com tarefas excessivas de avaliação de script.
- Otimize o tempo até a entrada se as interações estiverem demorando muito para começar o processamento.
- DOMs grandes podem exigir muito trabalho de renderização, e as interações muitas vezes alteram o DOM. É melhor evitar layouts grandes e complexos e a troca frequente de layouts e minimizar o tamanho do DOM sempre que possível.
- Se você tem seletores de CSS complexos, eles também podem gerar um trabalho considerável em resposta às interações do usuário.
- Por fim, se seu site renderiza grande parte do HTML no cliente por meio de JavaScript, é importante saber como a renderização de HTML do lado do cliente pode afetar a interatividade.
A complexidade da INP significa que você otimizará a interatividade de muitas maneiras, mas vale a pena o esforço. Já foram realizados vários estudos de caso, como os do The Economic Times e da redBus, sobre como a redução da latência de interação melhora os resultados comerciais. Otimizar o INP no seu site também pode ajudar você a atingir suas metas.
O que acontecerá quando o INP se tornar um Core Web Vitals?
Vale lembrar que o INP vai se tornar oficialmente uma Core Web Vitals e substituir o FID em 12 de março deste ano. Além disso, o FID não será mais uma das Core Web Vitals e será oficialmente descontinuado e removido do programa.
Como resultado, você verá mudanças na documentação da FID. A documentação historicamente importante sobre a FID vai continuar disponível, mas vamos adicionar avisos em destaque sobre o status de descontinuação da FID e para consultar a documentação da INP. Outras documentações centradas em FID podem ser removidas completamente e redirecionadas para a documentação relevante da INP.
A FID ainda é representada em muitas das ferramentas do Google, assim como o INP. A FID será removida do Google Search Console assim que o INP se tornar Core Web Vitals em 12 de março. Todas as outras ferramentas, como PageSpeed Insights e CrUX, oferecem um período de descontinuação de seis meses para que os desenvolvedores tenham a chance de atualizar o código.
Por fim, se você tiver alguma dúvida sobre o que a inclusão do INP nas Core Web Vitals significa para a Pesquisa Google, consulte a postagem do comunicado do INP na Central da Pesquisa Google.
A estrada à frente
A inclusão da INP nas Core Web Vitals foi cuidadosamente planejada nos últimos dois anos e representa um avanço significativo. Acreditamos que a abordagem holística da INP em relação à capacidade de resposta na Web ajudará os desenvolvedores a avaliar e aprimorar melhor esse aspecto importante da experiência do usuário, resultando em uma Web mais responsiva com o tempo. Com a INP definida para se tornar uma das Core Web Vitals em 12 de março, esperamos que os desenvolvedores aproveitem esse tempo para entender e otimizar o desempenho da INP.
Como sempre, se você tiver dúvidas ou preocupações, envie seu feedback em web-vitals-feedback@googlegroups.com sobre INP, FID ou qualquer outra métrica no programa Web Vitals.