Desarrollador Frontend: pregunta de entrevista
¿Cómo mejoras el rendimiento web?
Mejora rendimiento midiendo primero el flujo de usuario: identifica LCP, JS bloqueante, solicitudes lentas, layout shifts y renderizados innecesarios. Optimiza el cuello de botella en vez de memorizar al azar.
Respuesta directa
Qué debe cubrir una buena respuesta
Cómo funciona
El trabajo de rendimiento empieza midiendo lo que viven los usuarios: Largest Contentful Paint, Interaction to Next Paint y Cumulative Layout Shift con datos de campo, y después una traza de laboratorio para hallar la causa. Los culpables habituales son scripts y hojas de estilo que bloquean el render, imágenes grandes o descubiertas tarde, tareas largas en el hilo principal y saltos de layout por contenido sin espacio reservado. Cada arreglo se verifica contra la misma métrica, porque reducir un bundle puede no mover LCP en absoluto.
Ejemplo
Si la imagen LCP llega tarde, precárgala y dale tamaño correcto antes de optimizar un render pequeño fuera de la ruta crítica. Un panel con INP pobre ejecutaba un filtro síncrono de 300 ms en cada pulsación; aplicar debounce al input y mover el filtro a un worker lo resolvió sin tocar el tamaño del bundle.
Errores frecuentes
- Optimizar el tamaño del bundle cuando el cuello de botella es una respuesta de API lenta.
- Cargar la imagen principal con lazy loading y retrasar justo el elemento que mide LCP.
- Presentar puntuaciones de laboratorio de un portátil rápido en lugar de datos de campo de dispositivos reales.
Una estructura útil para responder
Responde desde tu propia experiencia.
No memorices un guion: usa solo ejemplos que puedas explicar con honestidad en preguntas posteriores.
Abre el espacio de trabajo de escritorio y ensaya una respuesta clara con tus propias palabras.