Interaction to Next Paint (INP) avalia responsividade ao longo de interações elegíveis. O atraso pode incluir espera pela entrada, execução do manipulador e tempo até a interface se atualizar. Uma gravação local é uma pista, não o valor de campo dos visitantes.
Reproduza uma ação
Liste ações importantes, como abrir menu, aplicar filtro ou enviar formulário. Registre página, dispositivo e resultado esperado. Use ferramentas de desempenho para identificar qual interação e etapa atrasaram; não atribua o problema à rede sem evidência.
Separe processamento e apresentação
Tarefas longas na thread principal podem atrasar manipuladores e pintura. Examine scripts de terceiros, código síncrono e atualização de muitos elementos. Primeiro confirme qual etapa aparece no perfil; não remova recursos necessários sem avaliar função, consentimento e acessibilidade.
| Evidência | Hipótese a investigar |
|---|---|
| Callback começa tarde | Trabalho concorrente na thread principal |
| Callback longo | Processamento síncrono excessivo |
| Callback terminou, tela atrasou | Estilo, layout ou atualização ampla |
Repita a mesma ação depois da mudança e confira teclado e dispositivos modestos. O guia do web.dev sobre INP detalha medição e etapas. Use dados de campo quando disponíveis para priorizar experiências reais.