¿Cómo soluciono las malas puntuaciones de Core Web Vitals?

Averigua qué métrica falla, en qué dispositivo y en qué grupo de páginas; el informe de Core Web Vitals de Search Console muestra las tres a partir de visitas reales en Chrome. Después, corrige la causa de esa métrica: en LCP, la rapidez con la que llega la imagen o el texto principal; en INP, las tareas largas de JavaScript que retrasan las respuestas; en CLS, el contenido que aparece sin que se haya reservado espacio para él. Los datos de campo abarcan los últimos 28 días, así que evalúa la corrección pasado un mes.

Paso 1: identifica qué está fallando

1. Abre el informe de Core Web Vitals en Search Console y elige Móvil o Ordenador; ambos se evalúan por separado.
2. Abre uno de los problemas listados, por ejemplo un problema de LCP en móvil, para ver el grupo de URL afectado y ejemplos de URL. Todo el grupo comparte un único estado, determinado por su peor métrica.
3. Pasa una URL de ejemplo por PageSpeed Insights para ver los datos de campo de esa página junto con una prueba de laboratorio que te ayude a depurar.

Las herramientas de laboratorio como Lighthouse no pueden medir INP porque nadie interactúa con la página, así que informan del Total Blocking Time en su lugar. Para INP, la medición con usuarios reales es la guía fiable.

Cómo corregir un LCP lento

La guía de optimización de LCP de web.dev divide el LCP en cuatro partes: el tiempo de respuesta del servidor, el retraso antes de que el recurso principal empiece a cargarse, su tiempo de descarga y el retraso antes de que se renderice. Empieza por la parte más grande:

• Haz que la imagen del LCP sea detectable en el HTML inicial en lugar de inyectarla con JavaScript o CSS, y asígnale fetchpriority="high".
• No cargues nunca con lazy loading la imagen del LCP.
• Sírvela más ligera: con las dimensiones adecuadas, un formato moderno, compresión y una CDN cercana a los visitantes.
• Elimina los recursos que bloquean el renderizado: hojas de estilo más pequeñas, sin scripts síncronos en el <head> y renderizado en el servidor para el contenido principal.
• Acelera la respuesta del servidor: reduce las redirecciones y permite que las páginas se almacenen en caché en el edge.

Cómo corregir un INP deficiente

La guía de optimización de INP descompone cada interacción en retraso de entrada, tiempo de procesamiento y retraso de presentación:

• Retraso de entrada: reduce el JavaScript que se ejecuta durante la carga de la página, para que el hilo principal esté libre cuando alguien toque la pantalla.
• Tiempo de procesamiento: divide los controladores de eventos largos en tareas más pequeñas y cede el control al hilo principal, haciendo primero la actualización visible y aplazando el resto.
• Retraso de presentación: mantén el DOM pequeño, evita forzar el layout leyendo estilos justo después de modificarlos y usa content-visibility en las páginas largas.

Cómo corregir un CLS alto

La guía de optimización de CLS enumera las causas habituales y sus soluciones:

• Imágenes y vídeos sin dimensiones: añade los atributos width y height, o un aspect-ratio de CSS.
• Anuncios, contenido incrustado e iframes: reserva su espacio en el diseño antes de que se carguen.
• Contenido inyectado por encima del contenido existente: usa un marcador de posición del tamaño adecuado, o inserta el contenido nuevo debajo de lo que el visitante está leyendo.
• Fuentes web: precarga las más importantes para que el texto no se reorganice tarde.
• Animaciones: anima transform en lugar de propiedades como top o left.

Las páginas que pueden usar la caché de avance y retroceso del navegador (back/forward cache) también evitan los cambios de diseño cuando los visitantes vuelven a ellas.

Paso 3: confirma la corrección

Despliega los cambios, abre el problema en el informe de Core Web Vitals e inicia la validación. Google supervisa el grupo durante 28 días; la validación no activa un nuevo rastreo ni acelera nada, solo comprueba si el problema ha desaparecido. Como los datos de campo se renuevan cada 28 días, es normal que el informe mejore de forma gradual. Para saber qué significa cada métrica, consulta ¿Qué significan LCP, INP y CLS?.

Cómo te ayuda AutoPSEO

El informe de Core Web Vitals de AutoPSEO muestra en gráficos unos seis meses de datos semanales del Chrome UX Report de tu sitio o de una URL concreta, en móvil, ordenador o tableta, para que puedas ver la semana en que una corrección surtió efecto, o la semana en que una publicación empeoró las cosas, sin esperar a que se cierre la siguiente ventana de 28 días.