Lección 19 de 47 ≈ 70 min Construcción profesional Codex + GPT-5.6 Sol
Resultado visible
Crearás una línea base y un presupuesto. Corregirás los tres problemas de mayor impacto en vez de perseguir una puntuación aislada.
Métricas y causas
- LCP: elemento principal tarda; revisa imagen hero, servidor y fuentes.
- INP: interacción responde tarde; reduce JavaScript y trabajo en el hilo principal.
- CLS: contenido se mueve; reserva dimensiones y evita inserciones tardías.
Prompt
Mide la web en móvil y escritorio con una compilación de producción.
Guarda línea base, entorno y fecha. Identifica los tres cuellos de botella
con evidencia. Propón cambios ordenados por impacto/riesgo y aplica uno cada
vez, repitiendo la medición. No elimines accesibilidad ni contenido útil
para mejorar una puntuación. Define presupuesto para JS, imágenes y fuentes.
Prueba realista
Usa laboratorio para diagnosticar y datos de usuarios cuando existan. Ejecuta varias mediciones comparables. Comprueba una red lenta y un dispositivo modesto, no solo tu ordenador.
Error frecuente
Cargar Three.js, vídeos o varias fuentes en la portada sin función. Recupera con carga diferida, imagen alternativa y experiencia avanzada fuera del recorrido crítico.
Fuentes oficiales
Siguiente misión recomendada
Si has guardado la evidencia de esta lección, continúa con «Aplica seguridad, privacidad y límites legales». Si no, repite la comprobación antes de avanzar.