Los tres son Largest Contentful Paint para la carga, Interaction to Next Paint para la capacidad de respuesta y Cumulative Layout Shift para la estabilidad visual. INP mide la latencia completa de una interacción, desde el evento de entrada, pasando por tu manejador y cualquier trabajo de renderizado, hasta que se pinta el siguiente fotograma. Google reporta aproximadamente la peor interacción de la página, así que un único manejador lento arruina la puntuación aunque la media esté bien.
Por qué lo preguntan los entrevistadores
INP sustituyó a First Input Delay, así que esto comprueba que tu conocimiento está al día y no tres años caducado. El entrevistador quiere oír que incluye tu manejador de eventos y el renderizado resultante, no solo la espera antes de que arranque el manejador, porque eso cambia cómo lo arreglas. Conocer los umbrales y que la métrica viene de datos de usuarios reales y no de una prueba de laboratorio separa a quien ha entregado trabajo de rendimiento de quien ha leído el artículo.
Cómo estructurar tu respuesta
- Nombra las tres métricas y qué cubre cada una.
- Descompón INP en retraso de entrada, tiempo de procesamiento y retraso de presentación.
- Di cuál es el umbral bueno y que viene de datos de campo.
- Di qué cambias de verdad para arreglar una puntuación mala.
Ejemplo de respuesta
Los tres son LCP para lo rápido que aparece el contenido principal, INP para la capacidad de respuesta y CLS para la estabilidad del layout. INP es el interesante porque sustituyó a First Input Delay, y mide la interacción completa y no solo la espera antes de que se ejecute el manejador. Así que es el retraso de entrada mientras el hilo principal está ocupado, más lo que tarde mi manejador, más el retraso de presentación hasta renderizar el siguiente fotograma. Por debajo de doscientos milisegundos está el rango bueno, y se mide con usuarios reales en campo, así que refleja móviles Android de gama media, no mi portátil. La consecuencia práctica es que arreglarlo normalmente significa arreglar el manejador, no el bundle. En una página de búsqueda de la que era responsable, escribir reportaba unos cuatrocientos milisegundos, y resultó que cada pulsación de tecla volvía a renderizar de forma síncrona una lista de resultados grande. Aplicar debounce a la parte cara y ceder el control al navegador antes del renderizado lo bajó por debajo de ciento cincuenta.
¿Tienes esta entrevista a la vuelta de la esquina? GhostPilot escucha tu llamada en vivo, detecta la pregunta en cuanto la hacen y pone una respuesta estructurada en tu pantalla en tiempo real. Pruébalo en tu próxima entrevista de práctica, o coge un Session Pass de $29, sin suscripción, para la de verdad.
Mira cómo funcionaPreguntas de seguimiento que puedes esperar
- ¿Cómo encontrarías qué interacción está provocando un INP malo en campo?
- ¿Por qué las herramientas de laboratorio pueden dar buen resultado cuando los usuarios reales ven uno malo?
- ¿Qué causa concretamente un retraso de presentación alto?
Más preguntas para Desarrollador frontend
Tu entrevistador hará su propia versión de esta. Pega la descripción real del puesto en el Question Predictor gratuito y obtén las 20 preguntas que ese puesto tiene más probabilidades de hacerte, con lo que cada una busca en realidad.
Predecir mis preguntas