Puntos clave
Todo lo que necesitas saber sobre INP, la métrica oficial de Core Web Vitals a marzo de 2024.
Sitios web responsivos e INP
Es posible que su sitio se abra rápidamente, pero ¿qué tan rápida es la respuesta que obtiene el usuario cuando hace clic en un botón? La métrica INP (Interaction to Next Paint) mide el retraso de cada interacción que el usuario realiza a lo largo de la vida de la página y considera menos de 200ms como "buenos".
Cosas que destruyen la puntuación INP
Las tareas largas de JavaScript (Long Tasks), que generalmente mantienen el hilo principal muy ocupado, son enemigas de INP. Si el clic del usuario permanece sin respuesta mientras se ejecuta una animación o se procesan muchos datos, su puntuación INP aumenta.
¿Cómo optimizar?
- División de código: divida archivos JS grandes en partes con importación dinámica.
- Trabajadores web: mueva los cálculos pesados a subprocesos en segundo plano.
- Estrategia de rendimiento: Tareas largas Dele un respiro al navegador dividiéndolo con
scheduler.yield(). - Debounce/Throttle: Optimice los controladores de eventos activados con frecuencia.
Servicio Relacionado
Meta Ads y Rendimiento
Detén la fuga de inversión con tracking server CAPI y escalado medible de ROAS
