Hacer que vaya rápido de verdad: LCP, INP y CLS, la red y la caché, el coste del JavaScript, el pipeline de render, memoria y estrategias de carga.
Cada nivel construye sobre el anterior. Sin saltos, sin huecos.
Qué significa rápido, las tres fases (carga, interacción, estabilidad), y el mapa completo de causas y remedios.
Los umbrales de percepción humana, por qué la métrica no es el sentimiento, y el rendimiento percibido.
Qué mide cada una exactamente, los umbrales, por qué INP reemplazó a FID, y qué NO capturan.
CrUX y los datos reales, Lighthouse y su simulación, por qué difieren, y cuál manda para tomar decisiones.
Instrumentar el sitio, enviar con sendBeacon, por qué el p75 y no la media, y segmentar por dispositivo.
Por qué la latencia domina, el handshake, el DNS, y por qué duplicar el ancho de banda casi no ayuda.
El head-of-line blocking en cada versión, la multiplexación, QUIC sobre UDP, y qué cambia en la práctica.
Cache-Control por dentro, immutable, stale-while-revalidate, ETag, y la estrategia de nombres con hash.
Qué comprime bien y qué no, los niveles y su coste, la compresión estática, y el estado de Zstd en la web.
El CSS bloqueante, el JS bloqueante, defer y async, y el modelo mental de la ruta crítica de render.
Las pistas al navegador, cuándo ayudan y cuándo hacen daño, y la prioridad implícita de cada tipo.
Identificarlo, el descubrimiento temprano, la imagen del hero, y las cuatro subpartes del LCP.
AVIF, WebP y JPEG, la calidad perceptual, el elemento picture, y elegir formato por tipo de imagen.
srcset y sizes de verdad, loading lazy y sus trampas, decoding, y los placeholders que no causan CLS.
Los códecs y contenedores, el streaming adaptativo, preload metadata, y sustituir GIF por vídeo.
Descarga, parseo, compilación y ejecución: por qué un KB de JS cuesta mucho más que un KB de imagen.
Fijar un performance budget, analizar el bundle, encontrar la dependencia gorda y el coste de las polyfills.
La división por ruta y por interacción, el import dinámico, el preload del chunk, y el patrón de isla.
Por qué depende de ESM, sideEffects, qué lo rompe, y verificar que de verdad se eliminó.
Qué es una long task, el TBT, por qué bloquear 200ms arruina el INP, y cómo encontrarlas.
scheduler.yield y postTask, el patrón de trocear trabajo, isInputPending, y las prioridades de tarea.
Las tres partes del INP, separar respuesta visual de trabajo pesado, y el patrón de doble rAF.
Qué se puede mover, el coste de postMessage, los transferables, Comlink, y los casos donde no compensa.
Reservar espacio con aspect-ratio, las fuentes y su métrica, el contenido inyectado, y size-adjust.
La cadena de carga de una fuente, font-display, el preload, los descriptores de ajuste y la fuente del sistema.
Style, layout, paint y composite, qué dispara cada etapa, y leer el waterfall de un frame.
La lectura forzada del layout, el patrón leer-luego-escribir, las propiedades que fuerzan sincronía.
Aislar subárboles del layout, renderizar solo lo visible, contain-intrinsic-size y el efecto real.
Por qué 10.000 nodos matan la página, la ventana virtual, el scroll infinito y sus problemas de a11y.
El heap en DevTools, los tres snapshots, los detached nodes, los listeners que nunca se van y measureUserAgentSpecificMemory.
El coste de cada una en las métricas, el streaming, la hidratación como problema, y el árbol de decisión.
Por qué hidratar es caro, la hidratación parcial y progresiva, la resumibilidad, y las islas.
Qué se puede cachear en el borde, el cache key, la revalidación, y el cómputo en el edge.
El ciclo de vida, las estrategias de caché, el app shell, y el riesgo de un SW mal desplegado.
Medir el coste de cada script de terceros, el facade pattern, Partytown, y la negociación con marketing.
El throttling de CPU y red, el thermal throttling, la memoria limitada, y probar en gama baja.
Lighthouse CI, los presupuestos que fallan el build, el bundle diff en el PR, y qué medir en cada commit.
Los estudios que correlacionan velocidad y conversión, cómo medirlo en tu producto, y cómo presentarlo.
El método completo de diagnóstico, el árbol de decisión por síntoma, la cultura de rendimiento en un equipo, y hacia dónde va el rendimiento web.
Empieza por los fundamentos y sube nivel a nivel hasta el dominio total.
Comenzar el camino →