Velocidad web y Core Web Vitals explicados de forma sencilla
Un sitio lento pierde visitas.
Qué se mide
- Carga: cuánto tarda en verse el contenido principal.
- Interactividad: cuánto tarda en responder a un toque.
- Estabilidad visual: que nada salte mientras cargas.
Mejoras simples
- Comprime las imágenes y usa formatos modernos.
- Evita scripts de terceros innecesarios.
- Reserva espacio para imágenes y anuncios.
- Usa una buena caché.
Medición
Utiliza las herramientas oficiales de medición y prueba en un móvil real.
Herramientas de laboratorio para depurar y datos reales de usuarios para decidir; mira ambas.
Los umbrales publicados en web.dev
Según web.dev: LCP (carga del contenido principal) en 2,5 segundos o menos; INP (respuesta a la interacción) en 200 milisegundos o menos; CLS (estabilidad visual) de 0,1 o menos. Se recomienda medir el percentil 75 de las cargas, por separado para móvil y escritorio.
Cómo medirlo
Usa PageSpeed Insights o el informe de Core Web Vitals de Search Console, que usan datos reales de usuarios cuando hay suficientes.
Mejoras de mayor efecto en sitios de contenido
- Imágenes redimensionadas y comprimidas.
- Dimensiones fijadas en imágenes para evitar saltos.
- Menos scripts de terceros.
- Fuentes optimizadas.
Perspectiva
Una buena puntuación no compensa un contenido flojo, pero una web lenta frustra incluso al mejor contenido.
Las tres métricas
- LCP (carga): el elemento principal debe pintarse en 2,5 s o menos.
- INP (interacción): la página debe responder en 200 ms o menos.
- CLS (estabilidad): el contenido no debe moverse; umbral 0,1.
Son los umbrales que publica web.dev.
Qué suele pesar
- Imágenes grandes sin optimizar.
- Scripts de terceros que bloquean.
- Fuentes y elementos que cargan tarde y mueven el diseño.
Cómo mejorar
Comprime y dimensiona imágenes, carga solo lo necesario, reserva el espacio de las imágenes con medidas fijas.
Lecturas oficiales relacionadas
Newsletter de Brandiario
Un resumen de lo que publicamos. Sin enviarte nada hasta que te apuntes.
