Core Web Vitals: optimizar la velocidad de tu sitio (tutorial)
LCP, INP, CLS explicados de forma sencilla, y un tutorial de optimización concreto: imágenes, fuentes, código y hosting. Para un sitio rápido y mejor posicionado.
La velocidad de un sitio influye directamente en tu posicionamiento y en tu tasa de conversión. Google la mide mediante los Core Web Vitals. Aquí te explicamos qué significan y cómo optimizarlos, paso a paso.
Los 3 Core Web Vitals
| Indicador | Mide | Bueno | A corregir |
|---|---|---|---|
| LCP | Tiempo de visualización del elemento más grande | < 2,5 s | > 4 s |
| INP | Capacidad de respuesta a las interacciones | < 200 ms | > 500 ms |
| CLS | Estabilidad visual (elementos que saltan) | < 0,1 | > 0,25 |
En resumen: tu sitio debe mostrarse rápido, reaccionar rápido y no moverse durante la carga.
Medir antes de optimizar
Herramientas gratuitas: PageSpeed Insights, Lighthouse (integrado en Chrome) y el informe Core Web Vitals de la Search Console. Mide en móvil de forma prioritaria: es ahí donde se juega la mayoría de las visitas.
Tutorial: optimizar el LCP (visualización)
- Comprime las imágenes: WebP/AVIF, al tamaño adecuado (no uses 4000 px para mostrar 600 px).
- Precarga la imagen principal del hero.
- Hosting rápido: un CDN acerca tu sitio al usuario.
- Reduce el CSS/JS que bloquea durante la carga.
Tutorial: optimizar el INP (capacidad de respuesta)
- Aligera el JavaScript: menos scripts de terceros, menos bloqueo.
- Divide el código (code splitting): solo se carga lo necesario.
- Difiere los scripts no esenciales (analítica, widgets).
Tutorial: optimizar el CLS (estabilidad)
- Reserva el espacio de las imágenes (ancho/alto definidos).
- Carga las fuentes correctamente (
font-display, precarga). - Evita insertar banners que empujan el contenido.
Las mejoras más rentables
Por orden de impacto/esfuerzo:
- Imágenes optimizadas (a menudo la mayor mejora).
- Hosting/CDN de alto rendimiento.
- Reducción de los scripts de terceros.
- Fuentes y estabilidad.
Un sitio moderno (estático/Next.js en CDN) ya parte con excelentes Core Web Vitals — la arquitectura cuenta tanto como los ajustes.
Conclusión
Optimizar los Core Web Vitals significa ganar en dos frentes: mejor posicionamiento en Google y más conversiones. Empieza por medir y luego aborda las imágenes y el hosting — el tipo de optimización que integramos en cada sitio que desarrollamos. ¿Necesitas una auditoría de velocidad? Contáctanos.
FAQ
¿Qué impacto real tiene en el SEO? Los Core Web Vitals son un factor de posicionamiento oficial, sobre todo a igualdad de contenido entre posiciones.
¿Hay que apuntar a 100/100? No. Apunta a la zona «buena» en móvil; más allá, el rendimiento decrece.
¿Prefieres que lo hagamos nosotros?
Aplicamos estos mismos métodos a tu negocio para conseguir resultados medibles.
Iniciar mi proyecto
