Pregunta de entrevista para Desarrollador full stack

Nuestro sitio de marketing puntúa mal en Core Web Vitals. ¿Cómo abordarías arreglarlo?

Qué evalúa el entrevistador, cómo estructurar tu respuesta y un ejemplo hablado que puedes adaptar.

Respuesta rápida

Saca primero los datos de campo, porque las puntuaciones de laboratorio esconden lo que viven los usuarios reales en dispositivos reales. El LCP suele ser una imagen principal o una fuente que bloquea el renderizado, así que precarga la imagen, sirve formatos modernos y fija dimensiones explícitas. El CLS viene de medios sin tamaño y de banners inyectados. El INP viene de tareas largas de JavaScript, así que divide el código, difiere los scripts de terceros y recorta el trabajo de hidratación. Vuelve a medir tras cada cambio.

Por qué lo preguntan los entrevistadores

El trabajo de rendimiento premia la disciplina por encima de la astucia, y el entrevistador quiere verte diagnosticar antes de optimizar. Escuchan las tres métricas y sus causas reales, la distinción entre datos de laboratorio y de campo, y si abordarías los scripts de terceros, que es donde pierden casi todos los sitios de marketing. Quien nombra un ciclo de medición suena a alguien que ha entregado mejoras reales.

Cómo estructurar tu respuesta

  • Empieza con datos de campo en vez de con una puntuación de laboratorio.
  • Empareja cada métrica con su causa raíz habitual.
  • Elige primero la solución de mayor impacto.
  • Cierra el ciclo volviendo a medir y protegiendo en CI.

Ejemplo de respuesta

Ejemplo hablado, en primera persona

Las puntuaciones de laboratorio hacen que la gente optimice lo que no toca, así que empiezo con datos de campo de sesiones reales, separados por dispositivo y conexión. Luego voy métrica por métrica. El LCP casi siempre es la imagen principal o una fuente que bloquea el renderizado, así que precargo la imagen, sirvo AVIF o WebP al tamaño correcto y uso font-display swap con un preconnect al host de la fuente. El CLS suele ser imágenes sin width y height o un banner de cookies que se inyecta sobre el pliegue, ambos baratos de arreglar una vez lo sabes. El INP es el difícil, porque significa que el hilo principal está ocupado cuando alguien toca. Ahí miro las tareas largas, difiero la analítica y los widgets de chat hasta después de la interacción, y recorto el JavaScript que no tiene por qué estar ahí. En un sitio la mayor victoria fue mover tres etiquetas de marketing para que cargaran tras la primera interacción, lo que llevó el LCP de unos 4,1 segundos a 1,9 en móvil. Después añado un presupuesto de tamaño de bundle en CI para que no vuelva a empeorar en silencio dos sprints más tarde.

¿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 funciona

Preguntas de seguimiento que puedes esperar

  • ¿Por qué pueden discrepar tanto los números de laboratorio y los de campo?
  • ¿Cómo gestionas una etiqueta de terceros en la que el equipo de marketing insiste?
  • ¿Cómo impondrías un presupuesto de rendimiento en el pipeline?

Más preguntas para Desarrollador full stack

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

Ensaya las preguntas difíciles antes de que te las hagan

Practica con un copiloto en vivo y entra preparado. Un Session Pass de $29 te lleva a través de la entrevista sin suscripción y sin ataduras.

Consigue GhostPilot