A Interaction to Next Paint (INP) é a nova métrica do Google que substituiu o First Input Delay (FID). Ela mede o tempo de resposta às interações do usuário, como cliques e toques.
Ver mais
Sites com interações lentas frustram usuários e agora recebem punição no SEO. Um valor ideal para a latência de resposta é abaixo de 200 ms. Se seu site está lento, é hora de agir. Confira como!
Ver mais
Evite scripts pesados que bloqueiam a thread principal. Divida tarefas longas em pedaços menores usando setTimeout ou requestAnimationFrame.
Ver mais
Remova listeners de eventos desnecessários e use delegação de eventos para reduzir a carga no DOM. Isso diminui o tempo de processamento e ajuda a atingir uma INP mais baixa.
Ver mais
Bibliotecas como jQuery podem ser substituídas por vanilla JS ou alternativas leves. Reduza dependências externas para acelerar o carregamento.
Ver mais
Animações complexas em JavaScript podem atrasar interações. Prefira animações baseadas em CSS, que são mais leves e não impactam tanto a thread principal, ajudando na INP.
Ver mais
Transfira tarefas intensivas, como cálculos complexos, para Web Workers. Isso libera a thread principal para lidar com interações do usuário, reduzindo a latência.
Ver mais