Tabla de contenidos

¿Seguro que tu sitio les gusta a Google y a tus visitantes? Para averiguarlo, solo tienes que medir la experiencia con una de las mejores herramientas de test de Core Web Vitals.

Hoy en día, un contenido excelente no basta. Google también espera que tu sitio sea rápido, estable y fluido. Para evaluar esta experiencia global, Google se basa en tres Core Web Vitals, que forman parte del algoritmo oficial de posicionamiento.

Cuando las puntuaciones de estas Core Web Vitals están en verde, tu sitio tiene muchas más posibilidades de posicionarse mejor.

En este artículo aprenderás a medir y monitorizar el rendimiento de tus Core Web Vitals. También verás qué herramientas de optimización puedes usar cuando tus puntuaciones suspenden, para que puedas resolver los problemas de rendimiento y evitar que afecten negativamente a tu posicionamiento.

Resumen
Las Core Web Vitals miden la experiencia real de los usuarios en tu web y se centran en la velocidad de carga, la interactividad y la estabilidad visual. Mantener estas métricas en verde es fundamental para el SEO, porque Google las usa para posicionar tu sitio. Puedes comprobar fácilmente tus Core Web Vitals con herramientas como GTmetrix o PageSpeed Insights, identificar qué está frenando tu sitio y aplicar optimizaciones específicas con plugins como WP Rocket o Imagify.

Puntos clave

✅ Haz un seguimiento regular de las Core Web Vitals para mantener un SEO y un rendimiento sólidos a lo largo del tiempo.

✅ Usa tanto datos sintéticos como datos de usuarios reales: las pruebas de laboratorio te ayudan a depurar los problemas, mientras que los datos de campo muestran cómo perciben tu sitio los visitantes reales.

✅ Si quieres una visión general del rendimiento de tus Core Web Vitals, con recomendaciones sencillas y puntuaciones claras para ordenador y móvil, puede que te baste con PageSpeed Insights.

✅ Si necesitas comprobar las Core Web Vitals en distintas ubicaciones, dispositivos y condiciones de red (limitación de red o throttling), usa herramientas de test de Core Web Vitals más avanzadas, como GTmetrix.

✅ Usa herramientas como GTmetrix o Rocket Insights (si eres cliente de WP Rocket) para monitorizar el rendimiento, detectar pronto los problemas de Core Web Vitals y entender qué hay que corregir.

✅ WP Rocket es la forma más fácil y potente de mejorar las Core Web Vitals y aplicar las optimizaciones de rendimiento que detectan las herramientas de prueba y de monitorización.

✅ Un flujo de trabajo sencillo y eficaz para las Core Web Vitals: haz una prueba en GTmetrix, activa WP Rocket, vuelve a hacer la prueba y sigue la evolución de las mejoras. Rápido, medible y eficiente.

Qué miden las herramientas de Core Web Vitals

Google introdujo las Core Web Vitals para medir la experiencia de usuario, no solo la velocidad de carga bruta. Son tres métricas integradas en los sistemas de posicionamiento de Google que reflejan lo rápida, reactiva y estable que resulta una página para los usuarios reales. Las métricas son las siguientes:

  • Largest Contentful Paint (LCP) mide lo rápido que se carga el contenido principal.
  • Interaction to Next Paint (INP) mide lo rápido que responde tu sitio a las interacciones de los usuarios (como un clic, un toque o la pulsación de una tecla).
  • Cumulative Layout Shift (CLS) mide lo estable que es el diseño de tu página mientras se carga.

Los resultados se muestran con un sencillo sistema de colores: verde para un buen rendimiento, naranja para uno que necesita mejorar y rojo para uno deficiente, según unos umbrales claros.

Los umbrales de las Core Web Vitals. Fuente: WebDev

Si tus puntuaciones se mantienen en verde, tu sitio cumple los estándares de rendimiento de Google. Si caen en naranja o en rojo, algunas de las herramientas de Core Web Vitals te ayudan a identificar qué hay que corregir y por dónde empezar a optimizar.

Ejemplo de resultados de las Core Web Vitals. Fuente: PageSpeed Insights

La mayoría de ellas incluyen una sección detallada de auditoría o de «estadísticas», con recomendaciones que influyen en cada Core Web Vital. Por ejemplo, para mejorar el LCP, Google PageSpeed Insights recomienda implementar la caché y optimizar las imágenes y las solicitudes que bloquean el renderizado.

Qué afecta a la Core Web Vital LCP (sección «Estadísticas»). Fuente: PageSpeed Insights

¿Por qué varían las puntuaciones de las Core Web Vitals de una herramienta a otra?

Si notas que las puntuaciones de las Core Web Vitals cambian de una herramienta a otra, es algo de esperar. Aunque la mayoría de las herramientas de test de Core Web Vitals se basan en Google Lighthouse, no todas miden el rendimiento de la misma manera.

La diferencia viene de cómo se implementa Lighthouse. Cada herramienta ejecuta las pruebas con distinto hardware, distintas condiciones de red, ubicaciones geográficas, resoluciones de pantalla y entornos de prueba. Por eso, aunque la tecnología de base sea la misma, las puntuaciones de las Core Web Vitals pueden variar de una herramienta a otra.

Un factor importante es la diferencia entre los datos de campo y los datos de laboratorio. Los datos de campo se basan en usuarios reales que visitan tu sitio en condiciones reales, mientras que los datos de laboratorio proceden de pruebas simuladas. Las pruebas de laboratorio son ideales para depurar y comparar cambios, pero no pueden representar del todo cómo perciben tu sitio los usuarios a gran escala.

Las condiciones de red también importan. Un sitio probado con una wifi rápida se comportará de forma muy distinta a uno al que se accede con una conexión 4G más lenta. Algunas herramientas de prueba te permiten simular distintas velocidades de conexión, dispositivos y ubicaciones, lo que explica aún más por qué las puntuaciones pueden variar.

El tipo de dispositivo y sus capacidades también influyen mucho. Las pruebas en ordenador suelen dar mejores resultados que las pruebas en móvil, y las herramientas que simulan dispositivos concretos, como un iPhone o un modelo de Samsung, pueden mostrar un rendimiento notablemente distinto.

Como explica Philip Walton, de web.dev:

El rendimiento de un sitio puede variar considerablemente según las capacidades del dispositivo del usuario, sus condiciones de red, los demás procesos que se estén ejecutando en el dispositivo y la forma en que interactúa con la página. De hecho, la puntuación de cada una de las métricas de las Core Web Vitals puede verse afectada por la interacción del usuario. Solo la medición de campo puede captar con precisión la imagen completa.

💡 Consejo: algunas herramientas de test de Core Web Vitals, como GTmetrix, son interesantes porque te permiten simular distintas velocidades de conexión, distintos dispositivos y distintas ubicaciones.

¿Qué herramientas deberías usar para medir las Core Web Vitals?

A continuación tienes una selección de las 8 mejores herramientas de rendimiento web y de test de Core Web Vitals para ayudarte a hacer pruebas de velocidad, analizar las Core Web Vitals, identificar cuellos de botella en el rendimiento y monitorizar el rendimiento a lo largo del tiempo. Cada herramienta aborda las Core Web Vitals de forma distinta, con datos de laboratorio, datos de usuarios reales o una combinación de ambos. Entender cuándo y cómo usarlas es clave para obtener información fiable.

Antes de empezar a comparar las herramientas de test de Core Web Vitals, tómate un momento para leer el glosario y asegurarte de que conoces los términos clave.

📌 Glosario de test y monitorización de las Core Web Vitals

Datos de laboratorio: datos de rendimiento simulados que se usan para hacer pruebas y depurar problemas en condiciones controladas.

Datos de campo: datos de rendimiento reales recogidos de usuarios reales.

RUM (Real User Monitoring, monitorización de usuarios reales): seguimiento continuo del rendimiento basado en las interacciones de usuarios reales.

Lighthouse: tecnología de código abierto de Google que usan la mayoría de las herramientas de prueba para hacer las auditorías de Core Web Vitals.

1. GTmetrix

Descripción general
GTmetrix es una herramienta de análisis del rendimiento web basada en Lighthouse. Hace pruebas de velocidad y ofrece diagnósticos detallados, métricas de Core Web Vitals y gráficos Waterfall (cascada) para ayudarte a entender qué está ralentizando tu sitio.

Datos de laboratorio o de campo
Datos sintéticos (de laboratorio) y datos de campo (a través de la API de CrUX de Google).

Monitorización
Sí, con notificaciones por correo electrónico.

Core Web Vitals que mide
LCP, INP*, CLS.
*El INP se basa en datos de usuarios reales y puede que no aparezca en sitios nuevos o con poco tráfico.

Puntos fuertes

  • Diagnósticos muy detallados
  • Excelente para identificar cuellos de botella gracias al gráfico Waterfall
  • Comparaciones sencillas del antes y el después, e informes históricos
  • Alertas cuando las Core Web Vitals o los tiempos de carga empeoran

Limitaciones

  • Las funciones avanzadas requieren un plan de pago.

Mejor caso de uso
Necesitas GTmetrix cuando quieres depurar a fondo los problemas de rendimiento y seguir la evolución de las Core Web Vitals a lo largo del tiempo. Es perfecto si quieres a la vez pruebas y monitorización, con información técnica sólida.

Precios
Hay un plan gratuito. Los planes de pago empiezan en unos 14,95 $ al mes.

2. Rocket Insights

Descripción general
Rocket Insights es el centro de rendimiento integrado en WP Rocket, con la tecnología de GTmetrix. Te permite hacer un seguimiento de tus páginas clave, comprobar tu puntuación de rendimiento y tus Core Web Vitals, entender qué afecta a tus resultados y obtener recomendaciones claras sobre qué funciones de WP Rocket activar, todo directamente desde tu escritorio de WordPress.

Datos de laboratorio o de campo
Datos sintéticos (de laboratorio) y datos de campo (a través de la API de CrUX de Google).

Monitorización
Pruebas y monitorización.

Core Web Vitals que mide
Las métricas de las Core Web Vitals (LCP, INP*, CLS) se ofrecen con un informe de GTmetrix.
*El INP depende de datos de usuarios reales y puede que no esté disponible en sitios nuevos.

Puntos fuertes

  • Centrado en móvil por defecto
  • Informes fáciles de entender para principiantes
  • No hace falta salir de WordPress
  • Recomendaciones claras vinculadas a las funciones de WP Rocket

Limitaciones

  • Requiere una suscripción activa a WP Rocket

Mejor caso de uso
Ideal para monitorizar el rendimiento y aplicar las optimizaciones adecuadas directamente en WordPress, sin tener que cambiar de herramienta.

Precios
Incluido gratis en todas las licencias de WP Rocket.

3. Google PageSpeed Insights

Descripción general
PageSpeed Insights combina las pruebas de laboratorio de Lighthouse con datos de usuarios reales del Chrome User Experience Report, y te ofrece una visión de las Core Web Vitals respaldada por Google.

Datos de laboratorio o de campo
Datos sintéticos (de laboratorio) y datos de campo (CrUX).

Monitorización
Solo pruebas.

Core Web Vitals que mide
LCP, INP*, CLS.
*Puede que falte el INP de campo en sitios nuevos o con poco tráfico.

Puntos fuertes

  • Usa datos reales de Google
  • Gratuito y ampliamente reconocido
  • Muy orientado al SEO

Limitaciones

  • Sin monitorización ni historial
  • Personalización limitada (sin simulación de ubicación ni de conexión)
  • Menos KPI de rendimiento

Mejor caso de uso
Úsalo cuando quieras una comprobación rápida de las Core Web Vitals, orientada al SEO, desde el punto de vista de Google.

Precios
Gratis.

4. Google Search Console

Descripción general
El informe «Core Web Vitals» de Google Search Console muestra el rendimiento de tus páginas a partir de datos de uso reales, agrupadas por tipo de página. El informe no está pensado para comprobar el estado de una sola URL. En cambio, te ayuda a entender el rendimiento de las Core Web Vitals de tu sitio en su conjunto y a identificar los problemas que afectan a grupos de páginas de todo el sitio.

Datos de laboratorio o de campo
Datos de campo.

Monitorización
Pruebas y monitorización.

Core Web Vitals que mide
LCP, INP, CLS.

Puntos fuertes

  • Muy fácil de usar
  • Totalmente integrado con las herramientas de Google (Chrome, GA, Search)
  • Informes exportables y fáciles de compartir
  • Visión global del rendimiento

Limitaciones

  • Pocas indicaciones de optimización
  • Solo aparecen las URL indexadas
  • Sin pruebas de laboratorio

Mejor caso de uso
Ideal para monitorizar las Core Web Vitals a lo largo del tiempo en sitios consolidados con un tráfico constante.

Precios
Gratis.

5. WebPageTest

Descripción general
WebPageTest es una potente herramienta de pruebas de rendimiento que ofrece diagnósticos en profundidad en distintos dispositivos, navegadores y condiciones de red.

Datos de laboratorio o de campo
Datos sintéticos (de laboratorio) y datos de campo.

Monitorización
Pruebas y monitorización (Pro).

Core Web Vitals que mide
LCP, INP*, CLS.
*El INP se basa en datos de usuarios reales cuando la RUM está activada.

Puntos fuertes

  • Simulación avanzada de red y de dispositivos
  • Diagnósticos de Core Web Vitals en profundidad
  • Gran integración con Lighthouse

Limitaciones

  • Curva de aprendizaje más pronunciada
  • Las funciones avanzadas requieren un plan de pago

Mejor caso de uso
La mejor opción para desarrolladores y equipos que hacen auditorías de Core Web Vitals en profundidad y están aprendiendo los fundamentos del rendimiento.

Precios
Uso básico gratuito. Hay planes de pago.

6. Chrome DevTools

Descripción general
Chrome DevTools incluye las auditorías de Lighthouse directamente en el navegador, lo que facilita comprobar las Core Web Vitals durante el desarrollo.

Datos de laboratorio o de campo
Datos sintéticos (de laboratorio).

Monitorización
Solo pruebas.

Core Web Vitals que mide
LCP, INP, CLS (datos de campo).

Puntos fuertes

  • Gratuito y fiable
  • Se ejecuta en local en Chrome
  • Ideal para el desarrollo y la depuración

Limitaciones

  • Sin datos de usuarios reales
  • Requiere conocimientos técnicos

Mejor caso de uso
Perfecto si estás optimizando las Core Web Vitals antes del lanzamiento o probando cambios durante el desarrollo.

Precios
Gratis.

7. Contentsquare

Descripción general
Contentsquare relaciona los datos de las Core Web Vitals con el comportamiento de los usuarios reales a lo largo de todo el recorrido del cliente.

Datos de laboratorio o de campo
RUM (monitorización de usuarios reales).

Monitorización
Pruebas y monitorización.

Core Web Vitals que mide
LCP, INP, CLS (datos de campo).

Puntos fuertes

  • Información valiosa sobre la UX y el negocio
  • Datos de rendimiento en condiciones reales
  • Analítica de nivel empresarial

Limitaciones

  • No es una herramienta de pruebas de velocidad propiamente dicha
  • Cara para sitios pequeños

Mejor caso de uso
Ideal para webs grandes centradas en la UX, la CRO y la optimización del embudo de conversión.

Precios
Precios personalizados para empresas.

8. BrowserStack

Descripción general
BrowserStack te permite probar webs en dispositivos y navegadores reales para identificar problemas de UX y de compatibilidad.

Datos de laboratorio o de campo
Pruebas en dispositivos reales

Monitorización
Pruebas y monitorización

Core Web Vitals que mide
LCP, INP, CLS, a través del BrowserStack Website Scanner.

Puntos fuertes

  • Dispositivos y entornos reales
  • Excelente para pruebas de QA y de UX

Limitaciones

  • Sin monitorización de las Core Web Vitals
  • No es una herramienta centrada en el rendimiento

Mejor caso de uso
Perfecto para equipos de QA que validan el comportamiento en dispositivos reales y la compatibilidad entre navegadores.

Precios
Solo planes de pago.

Comparativa de herramientas de Core Web Vitals

Esta tabla comparativa muestra en qué se diferencia cada herramienta de test de Core Web Vitals en cuanto a la fuente de los datos, las capacidades de prueba y de monitorización, el mejor caso de uso y los precios, para ayudarte a elegir la que mejor se adapte a tus necesidades.

HerramientaDatos de laboratorio o de campoFunciones principalesMejor caso de usoVentajas y desventajasIntegracionesPrecios
GTmetrixLaboratorio (LCP, CLS) + campo a través de CrUX (INP*)✓ Pruebas en varios dispositivos
✓ Pruebas desde varias ubicaciones
✓ Monitorización
✓ Gráficos Waterfall
✓ Informes históricos
Diagnóstico en profundidad y seguimiento del rendimiento a lo largo del tiempoVentajas: diagnósticos detallados, gran capacidad de análisis de los cuellos de botella, comparaciones sencillas del antes y el después
Desventajas: la monitorización avanzada requiere un plan de pago
Lighthouse, CrUX, WordPress, integraciones mediante APIPlan gratuito disponible. De pago desde 14,95 $ al mes
Rocket InsightsLaboratorio (LCP, CLS) + campo a través de CrUX (INP*)✓ Pruebas y monitorización
✓ Integración con WordPress
✓ Centrado en móvil por defecto
✓ Informes fáciles de entender para principiantes
✓ Recomendaciones de WP Rocket
Monitorización sencilla del rendimiento directamente en WordPressVentajas: no hace falta salir de WordPress, recomendaciones prácticas, fácil para principiantes
Desventajas: requiere una licencia de WP Rocket
WordPress, WP Rocket, GTmetrixGratis con cualquier licencia de WP Rocket
PageSpeed InsightsLaboratorio + campo (LCP, CLS, INP)✓ Pruebas en ordenador y en móvil
✓ Datos de campo reales de Google
✓ Integración con Lighthouse
✗ Sin monitorización
✗ Sin seguimiento histórico
Análisis rápido de las Core Web Vitals y del SEOVentajas: gratuito, datos fiables de Google, muy relevante para el SEO
Desventajas: sin monitorización ni alertas, diagnósticos poco profundos
CrUX, Lighthouse, Search ConsoleGratis
Google Search ConsoleCampo (LCP, CLS, INP)✓ Monitorización de las Core Web Vitals
✓ Datos de uso reales
✓ Agrupación de URL
✓ Informes exportables
✗ Sin pruebas de laboratorio
Monitorización de las tendencias de las Core Web Vitals en las páginas indexadasVentajas: fácil de usar, totalmente integrado con el ecosistema de Google, monitorización de tendencias
Desventajas: poca información para depurar, solo incluye las URL indexadas
Google Search, Chrome, AnalyticsGratis
WebPageTestLaboratorio + campo (LCP, CLS, INP*)✓ Pruebas en varios dispositivos
✓ Pruebas desde varias ubicaciones
✓ Simulación de red avanzada
✓ Diagnósticos en profundidad
✓ Integración con Lighthouse
Auditorías de rendimiento avanzadas y simulación de redVentajas: diagnósticos potentes, flexibilidad en las pruebas avanzadas, información técnica sólida
Desventajas: curva de aprendizaje más pronunciada para principiantes
Lighthouse, Chromium, APIUso básico gratuito. De pago para las funciones avanzadas
Chrome DevToolsPruebas de laboratorio + datos indirectos del INP✓ Auditorías de rendimiento en local
✓ Informes de Lighthouse
✓ Diagnóstico del renderizado
✗ Sin monitorización
✗ Sin datos de usuarios reales
Depuración en local durante el desarrolloVentajas: gratuito, fiable, integrado directamente en Chrome
Desventajas: curva de aprendizaje técnica, sin monitorización de datos de campo
Navegador Chrome, LighthouseGratis
ContentsquareCampo / RUM (LCP, CLS, INP)✓ Monitorización de usuarios reales
✓ Analítica de la UX
✓ Seguimiento del recorrido del cliente
✓ Información sobre las sesiones
✓ Informes para empresas
Análisis de la UX y del rendimiento para empresasVentajas: información valiosa sobre la UX, vinculada al impacto en el negocio
Desventajas: cara y más orientada a grandes empresas
Plataformas de analítica, CRM, integraciones con el stack empresarialPrecios personalizados para empresas
BrowserStackPruebas de campo en dispositivos reales✓ Pruebas en dispositivos reales
✓ Pruebas entre navegadores
✓ Pruebas en móvil
✗ Sin monitorización de las CWV
✗ Sin seguimiento del rendimiento
QA y pruebas de compatibilidad entre dispositivosVentajas: excelente cobertura de pruebas en dispositivos reales
Desventajas: no está centrado en las Core Web Vitals ni en la monitorización
BrowserStack Website Scanner, integraciones de CI/CDSolo planes de pago

7 consejos para monitorizar bien las Core Web Vitals

El seguimiento y la monitorización regular te ayudan a detectar los problemas pronto y a corregirlos antes de que afecten a la experiencia de usuario o al posicionamiento en buscadores. Para obtener datos de Core Web Vitals fiables y útiles, ten en cuenta estas siete buenas prácticas:

1. Entiende cómo evalúa Google las Core Web Vitals

Google no evalúa las Core Web Vitals página por página de forma aislada. Lo que suele hacer es agrupar páginas similares, como las entradas del blog, las páginas de producto o las páginas de categoría. Esto significa que una sola plantilla lenta puede afectar a la señal de rendimiento de todo un grupo de páginas, no solo de una URL.

2. No pruebes solo tu página de inicio: monitoriza tus plantillas clave

Muchos problemas de rendimiento aparecen en etapas más avanzadas del recorrido del usuario, como en las páginas de producto, los procesos de pago o los pasos de conversión. Una página de inicio rápida no sirve de nada si las páginas clave que generan ingresos rinden mal. Céntrate en las páginas que más importan, como las páginas de producto, las de categoría y las de pago. Monitorizar estas plantillas te da una imagen más clara de la experiencia de los usuarios reales en todo tu sitio, no solo en la página de inicio.

3. Prueba varias URL, no solo una

Comprobar varias URL de un mismo tipo de página mejora la precisión de tu análisis de las Core Web Vitals. Te ayuda a saber si un problema es aislado o sistémico en toda una sección de tu sitio.

4. Usa el modo incógnito para que las pruebas sean más limpias

Cuando hagas pruebas manuales, usa el modo incógnito o un perfil de navegador limpio. Así evitas las interferencias de las extensiones del navegador, los recursos en caché o las sesiones iniciadas, que podrían distorsionar los resultados.

5. Elige una herramienta principal y usa las demás para tener contexto

No intentes que las puntuaciones coincidan en todas las herramientas. No existe una comparación exacta, de uno a uno, porque cada herramienta implementa Lighthouse de forma distinta y aplica su propia lógica de puntuación.

En su lugar, elige una herramienta principal para la monitorización continua y el análisis de tendencias. Usa las demás para hacer comprobaciones puntuales y análisis más profundos. Por ejemplo, sigue el rendimiento a largo plazo en PageSpeed Insights o en Google Search Console, y usa después GTmetrix para simular una conexión móvil lenta y entender por qué baja una puntuación.

6. Si todavía no ves el INP, usa el TBT como alternativa

Si falta la Core Web Vital Interaction to Next Paint (INP), suele ser porque tu sitio es nuevo y Google todavía no tiene suficientes datos de interacción de usuarios reales. Es completamente normal. Mientras tanto, céntrate en el Total Blocking Time (TBT), que es la métrica de laboratorio más cercana al INP. Optimizar el TBT desde el principio, reduciendo el JavaScript pesado y el bloqueo del hilo principal, ayuda a preparar tu sitio para obtener buenas puntuaciones de INP más adelante. Monitoriza el rendimiento con regularidad y, a medida que crezca tu tráfico, el INP empezará a aparecer automáticamente.

7. Céntrate en las tendencias, no en las puntuaciones perfectas

El objetivo no es perseguir cifras perfectas en todas las herramientas. Lo que importa es entender por qué cambian las puntuaciones, detectar pronto las regresiones y actuar cuando el rendimiento empeora. Una monitorización constante a lo largo del tiempo te da una imagen mucho más precisa que unas pruebas aisladas.

Del test a unas Core Web Vitals en verde: un flujo de trabajo práctico

Para mostrar cómo las herramientas de test de Core Web Vitals se traducen en mejoras reales, veamos un ejemplo sencillo con WordPress. Para concretar, haremos una sencilla prueba de antes y después con PageSpeed Insights y así veremos lo fácil que es pasar las Core Web Vitals de naranja a verde con las optimizaciones adecuadas (y los plugins adecuados).

La configuración de la prueba

Usamos un sitio WordPress básico creado con el tema Twenty Twenty-Two y el editor de bloques de WordPress. La página incluye algunas secciones habituales que encontrarás en muchos sitios:

  • Un banner principal (hero)
  • Una sección de servicios
  • Un bloque de testimonios

Con esta configuración, el ejemplo es realista y fácil de reproducir. Usaremos Google PageSpeed Insights para hacer todas las pruebas de rendimiento.

Paso 1: test de Core Web Vitals (sin optimización)

Para empezar, vamos a introducir nuestra URL en Google PageSpeed Insights y a hacer clic en el botón «Analizar».

Añade tu URL. Fuente: PageSpeed Insights

En la parte superior, PageSpeed Insights muestra las puntuaciones de rendimiento para móvil (u ordenador), junto con las puntuaciones de tus Core Web Vitals. Así tienes una instantánea rápida de si tus métricas están en verde, en naranja o en rojo. Estas puntuaciones son útiles para tener una visión general, pero no te dicen por qué tu sitio es lento.

Puntuación general de rendimiento (antes de la optimización). Fuente: PageSpeed Insights

Bajemos hasta las secciones «Estadísticas» y «Diagnósticos», porque es ahí donde PageSpeed Insights te da información práctica. La sección «Estadísticas» destaca los principales problemas que afectan a las Core Web Vitals.

Secciones de estadísticas y de auditoría que afectan al LCP (antes de la optimización). Fuente: PageSpeed Insights

Puedes ver avisos habituales relacionados con el LCP, como:

  • «Usar tiempos de vida de caché eficientes»
  • «Solicitudes que bloquean el renderizado»
  • «Descubrimiento de solicitudes de LCP»
  • «Árbol de dependencia de red»
  • «Mejorar la entrega de imágenes»

Debajo, la sección «Diagnósticos» ofrece pistas técnicas más directas, como:

  • «Reduce el contenido CSS que no se use»
  • «Minifica los archivos CSS»
  • «Reduce el contenido JavaScript que no se use»

Todas estas auditorías señalan directamente lo que está retrasando la carga del elemento más grande de nuestra página.

Paso 2: aplicación de las optimizaciones de rendimiento

Una vez que tienes los resultados de tu auditoría, sabes exactamente qué camino seguir para mejorar tus Core Web Vitals. La sección «Estadísticas» de PageSpeed Insights destaca con claridad lo que requiere atención y te ayuda a priorizar las correcciones de mayor impacto.

En nuestro ejemplo, la auditoría muestra que tenemos que centrarnos en la caché, la optimización del código (CSS y JavaScript), las solicitudes que bloquean el renderizado y la optimización de imágenes.

La forma más fácil de mejorar rápidamente las Core Web Vitals aplicando todas estas optimizaciones es usar WP Rocket 🚀 e Imagify (para las tareas de optimización de imágenes).

WP Rocket es el plugin de rendimiento más sencillo y potente, y aplica el 80 % de las buenas prácticas de rendimiento nada más activarlo, incluidas la caché, la compresión GZIP, la minificación de CSS y JS, la optimización de las imágenes críticas y el lazy rendering automático.

Su interfaz intuitiva también te permite activar funciones potentes como la carga diferida (lazy loading), la eliminación del CSS no utilizado, la carga de JavaScript en diferido y el retraso de la ejecución de JavaScript en unos pocos clics, sin tocar nada de código y directamente desde WordPress. Las hemos activado todas para nuestra prueba.

Optimización de las Core Web Vitals con WP Rocket. Fuente: escritorio de WP Rocket

Ahora vamos a por la última optimización que señala PSI: mejorar la entrega de imágenes. Esto significa preparar bien las imágenes para la web sirviéndolas con el tamaño correcto, comprimiéndolas de forma eficiente y convirtiéndolas a formatos modernos como WebP o AVIF. Google favorece estos formatos porque reducen considerablemente el tamaño de los archivos y mejoran la puntuación de las Core Web Vitals.

Para mejorar la entrega de imágenes (y las Core Web Vitals), puedes usar Imagify. Es el plugin de optimización de imágenes para WordPress más fácil de usar, y comprime las imágenes automáticamente sin pérdida de calidad gracias a la «Smart compression». También te permite convertirlas a WebP o AVIF en unos pocos clics, directamente desde tu escritorio de WordPress. La compresión de imágenes y la conversión a AVIF deberían resolver fácilmente el último problema con la ayuda de Imagify:

«Smart compression» y conversión a AVIF para mejorar el LCP con Imagify. Fuente: Imagify

¡Vamos a los resultados!

Paso 3: test de Core Web Vitals (después de la optimización con WP Rocket + Imagify)

📌 Hemos usado WP Rocket para aplicar varias optimizaciones clave, entre ellas la caché del navegador y de páginas (también en móvil), la precarga de la caché y de las fuentes, la optimización de CSS y JS, y la carga diferida. Todas estas funciones ayudan a reducir las solicitudes que bloquean el renderizado y a mejorar el rendimiento general de carga de la página. Todas ellas contribuyen a eliminar los recursos que bloquean el renderizado.

📌 Hemos usado Imagify para mejorar la entrega de imágenes, es decir, para optimizar las imágenes con compresión y conversión a AVIF.

¡Veamos los resultados en las Core Web Vitals, sobre todo en nuestro LCP, porque la puntuación estaba en rojo!

  • Gracias a WP Rocket e Imagify, el LCP de nuestras Core Web Vitals está ahora en 0,5 s, en verde (antes estaba en 5,0 s, en rojo).
  • La puntuación general es de 100/100 (antes era de 71/100, en naranja)
Resultados de rendimiento (después de la optimización). Fuente: PageSpeed Insights

También hay mejoras en la sección «Estadísticas», y casi todo ha pasado a «Auditorías aprobadas» gracias a WP Rocket e Imagify:

«Auditorías aprobadas» con WP Rocket e Imagify (después de la optimización). Fuente: PageSpeed Insights

Conclusión

Como ves, el proceso es siempre el mismo. Haces una prueba, compruebas las puntuaciones de tus Core Web Vitals, revisas la lista de problemas, aplicas las correcciones adecuadas con herramientas como WP Rocket o Imagify y vuelves a hacer la prueba. Cada ronda de optimización aporta mejoras medibles.

En nuestro ejemplo, este método dejó todo en verde, con un LCP mucho más bajo (de 3,6 en rojo a 0,6 en verde) y una puntuación de rendimiento perfecta de 100/100. Cada problema tenía una solución clara, y no hicieron falta conocimientos de programación en ninguna fase.

Este sencillo flujo de trabajo de probar, corregir y volver a probar facilita a los propietarios de sitios y a los desarrolladores mantener y monitorizar un buen rendimiento durante todo el año, sin tener que adivinar.

¡Prueba WP Rocket con total confianza! Puedes empezar una prueba gratuita de 14 días o comprarlo ahora mismo y disfrutar de la garantía de devolución del dinero de 14 días. En cualquier caso, no hay ningún riesgo, salvo el de mejorar tus Core Web Vitals y el rendimiento de tu sitio.

Preguntas frecuentes sobre el test y la optimización de las Core Web Vitals

¿Qué son las Core Web Vitals?

Las Core Web Vitals son tres señales de rendimiento creadas por Google para medir la experiencia real de los usuarios en una página. Forman parte del algoritmo de posicionamiento de Google y se centran en la velocidad de carga (LCP), la interactividad (INP) y la estabilidad visual (CLS). Mantener estas métricas en verde ayuda a mejorar la usabilidad y la visibilidad en los buscadores.

¿Cuáles son las mejores herramientas para comprobar y monitorizar las Core Web Vitals?

Entre las mejores herramientas están GTmetrix (diagnóstico en profundidad, de pago desde 14,95 $ al mes), Google PageSpeed Insights (gratis, orientada al SEO), Google Search Console (gratis, monitorización con datos de campo), WebPageTest (auditorías avanzadas), Chrome DevTools (depuración en local), Contentsquare (RUM para empresas), BrowserStack (QA en dispositivos reales) y Rocket Insights (gratis con WP Rocket, integrada en WordPress).

¿Qué diferencia hay entre los datos de laboratorio y los datos de campo?

Los datos de laboratorio proceden de pruebas simuladas en entornos controlados y son ideales para depurar y probar cambios de rendimiento. Los datos de campo reflejan mejor la experiencia real de los usuarios, recopilada a partir de visitantes reales, y son los más útiles para entender cómo rinde tu sitio en condiciones reales.

¿Con qué frecuencia debería comprobar y monitorizar las Core Web Vitals?

Como mínimo, deberías monitorizar las Core Web Vitals cada semana. Si tienes un sitio WooCommerce o actualizas el contenido con frecuencia, lo recomendable es comprobarlas a diario. También deberías hacer una prueba después de cualquier evento clave, como una actualización del núcleo de WordPress, la actualización de un plugin o de un tema, el lanzamiento de un nuevo producto o la publicación de una nueva entrada del blog, para asegurarte de que el rendimiento no se ha visto afectado.

¿Las herramientas de Core Web Vitals corrigen los problemas de rendimiento?

La mayoría de las herramientas de Core Web Vitals solo identifican los problemas y explican qué hay que corregir. No aplican correcciones automáticamente. Para actuar a partir de esos resultados, necesitas un plugin de optimización como WP Rocket, que resuelve directamente muchos de los problemas detectados, como la caché, la optimización de JavaScript y la entrega de imágenes, sin necesidad de cambiar el código.

¿Cómo mejorar las Core Web Vitals en WordPress?

La forma más fácil es instalar WP Rocket, que aplica automáticamente el 80 % de las buenas prácticas de rendimiento nada más activarlo, incluidas la caché, la optimización de CSS y JS, la optimización de las imágenes críticas y el lazy rendering. Para la entrega de imágenes, combínalo con Imagify para comprimir las imágenes y convertirlas a formato WebP o AVIF.

¿Por qué las Core Web Vitals dan resultados distintos en cada herramienta?

Las puntuaciones varían porque cada herramienta ejecuta las pruebas con distinto hardware, distintas condiciones de red, ubicaciones geográficas y resoluciones de pantalla. La diferencia entre los datos de laboratorio (simulados) y los datos de campo (de usuarios reales) también influye. Un sitio probado con una wifi rápida obtendrá una puntuación distinta a la de uno probado con una conexión 4G simulada.

¿Cómo influyen las Core Web Vitals en el posicionamiento de una web?

Las Core Web Vitals forman parte del algoritmo oficial de posicionamiento de Google. Cuando las puntuaciones de LCP, INP y CLS se mantienen en verde, tu sitio cumple los estándares de rendimiento de Google y tiene más posibilidades de posicionarse mejor. Unas puntuaciones bajas, en naranja o en rojo, pueden perjudicar tu visibilidad en los buscadores y la experiencia de usuario.

¿Cómo puedo comprobar gratis las Core Web Vitals de mi web?

Puedes comprobar gratis las Core Web Vitals con Google PageSpeed Insights, que ofrece datos de laboratorio y de campo, o con Google Search Console, que monitoriza el rendimiento con datos de usuarios reales en las páginas indexadas. GTmetrix también tiene un plan gratuito con diagnósticos detallados, gráficos Waterfall y comparaciones del antes y el después.

¿Cómo medir las Core Web Vitals?

Para medir las Core Web Vitals, analiza tu URL con una herramienta de test como PageSpeed Insights o GTmetrix y revisa las tres métricas: LCP, INP y CLS, que aparecen en verde, en naranja o en rojo según unos umbrales claros. Prueba varias URL de un mismo tipo de página, no solo la página de inicio, y haz las pruebas manuales en modo incógnito para que los resultados sean más limpios. Si el INP todavía no aparece porque tu sitio es nuevo, fíjate en el Total Blocking Time (TBT), la métrica de laboratorio más cercana al INP.

¿Qué herramienta usar para medir las Core Web Vitals?

La herramienta adecuada depende de lo que necesites: PageSpeed Insights puede bastarte para tener una visión general con recomendaciones sencillas y puntuaciones para ordenador y móvil, mientras que GTmetrix es mejor para hacer pruebas en distintas ubicaciones, dispositivos y condiciones de red. Si eres cliente de WP Rocket, Rocket Insights te permite monitorizar el rendimiento directamente desde WordPress, y Google Search Console muestra el rendimiento de las Core Web Vitals de todo tu sitio con datos de campo. Lo mejor es elegir una herramienta principal para la monitorización continua y usar las demás para tener contexto.


Suscríbete a Nuestro Boletín de Noticias

Stay in the loop with the latest WordPress and web performance updates.
Straight to your inbox every two weeks.

Obtén un Sitio Web más Rápido
en unos Pocos Clics

La Configuración Toma 3 Minutos
Empezar