Una página web carga lentamente. ¿Cómo la diagnosticas y la mejoras?

Mide primero: Lighthouse, Chrome DevTools (Performance, Network), Core Web Vitals de usuarios reales.
Red: compresión (Brotli), CDN, caché HTTP, menos peticiones y más pequeñas, preconnect.
Assets: optimiza imágenes (WebP/AVIF, tamaños correctos, lazy loading), code splitting, tree shaking, difiere el JS no crítico.
Renderizado: evita DOMs enormes y layout thrashing; reserva espacio para imágenes para evitar CLS; virtualiza las listas largas.
Backend: time-to-first-byte lento → perfila la API y la base de datos, añade caché.
Fija presupuestos de rendimiento y monitorízalos en CI.