Google premia a los sitios «rápidos», pero ¿qué significa rápido? La respuesta está en las Core Web Vitals: tres métricas concretas que miden el rendimiento de la experiencia de usuario. Ya son una señal de posicionamiento; no hay forma de esquivarlas.
01. LCP (Largest Contentful Paint)
Cuándo aparece el elemento visual más grande de la página. Objetivo: menos de 2,5 segundos. Cómo mejorarlo:
- Servir las imágenes en formatos de nueva generación (WebP, AVIF)
- Cargar el CSS crítico en línea
- No aplicar carga diferida a la imagen principal
- Usar una CDN
02. INP (Interaction to Next Paint)
Sustituyó al FID en 2024. Mide con qué rapidez responde el sitio a la interacción del usuario. Objetivo: menos de 200 ms. Cómo mejorarlo:
- Dividir el JavaScript pesado con code-splitting
- Aplazar los scripts de terceros
- Usar Web Workers
03. CLS (Cumulative Layout Shift)
Cuánto se desplazan los elementos mientras carga la página. Objetivo: menos de 0,1. Cómo mejorarlo:
- Indicar siempre el ancho y el alto de las imágenes
- Evitar los saltos de fuente (FOIT/FOUT)
- Reservar de antemano el espacio de los anuncios dinámicos
04. Herramientas de medición
Las herramientas estándar para medir las Core Web Vitals:
- Google PageSpeed Insights
- Lighthouse en Chrome DevTools
- Google Search Console (datos de usuarios reales)
- Chrome UX Report (CrUX)
La puntuación del entorno de pruebas puede diferir de la de los usuarios reales; las decisiones deben tomarse mirando los datos reales.
Explore nuestra solución de Diseño Web
Puede reservar una consultoría gratuita para obtener información detallada.