Google evalúa cada página con tres métricas de experiencia de usuario llamadas Core Web Vitals: cuánto tarda en aparecer el contenido principal, con qué rapidez reacciona la página cuando alguien toca o escribe, y si las cosas saltan mientras carga. Influyen en el posicionamiento y, más importante aún, en si los visitantes se quedan.
No necesitas convertirte en ingeniero para gestionarlo. Necesitas saber qué significan las tres cifras, dónde leerlas y qué correcciones merecen la inversión. De eso va esta guía.
LCP — Largest Contentful Paint
LCP mide cuánto tarda en aparecer el elemento visible más grande, normalmente una imagen de cabecera o un titular. Bueno es 2,5 segundos o menos en móvil. Es la métrica que los visitantes sienten más directamente: un LCP lento es 'esta web es lenta'.
Causas típicas: imágenes de cabecera sobredimensionadas, hosting lento, scripts que bloquean el renderizado y fuentes que cargan antes que el contenido. Correcciones típicas: comprimir y redimensionar imágenes, servir formatos modernos, precargar la imagen principal, usar una CDN, diferir los scripts no críticos.
INP — Interaction to Next Paint
INP sustituyó a First Input Delay en marzo de 2024. Mide con qué rapidez responde la página a las interacciones durante toda la visita: tocar un menú, abrir un filtro, escribir en un formulario. Bueno es 200 milisegundos o menos.
INP sufre cuando el navegador está ocupado ejecutando JavaScript: rastreadores pesados, widgets de chat, sliders y maquetadores que envían mucho más código del que la página necesita. Las correcciones consisten en hacer menos en el hilo principal: eliminar scripts sin uso, cargar widgets bajo demanda y simplificar las interacciones.
CLS — Cumulative Layout Shift
CLS mide la estabilidad visual: contenido que salta cuando imágenes, anuncios o banners cargan y empujan todo hacia abajo. Bueno es 0,1 o menos. Es la razón por la que la gente pulsa el botón equivocado con conexiones lentas.
Correcciones: dar dimensiones explícitas a cada imagen e inserción, reservar espacio para banners y avisos de cookies, cargar las fuentes web sin parpadeo de texto y evitar insertar contenido por encima de lo que el usuario ya está leyendo.
Dónde leer tus cifras
El informe de Core Web Vitals de Search Console muestra qué páginas fallan según visitantes reales (datos de campo). PageSpeed Insights muestra tanto datos de campo como una prueba de laboratorio para una URL concreta con recomendaciones específicas. Los datos de campo son lo que usa Google; las pruebas de laboratorio ayudan a diagnosticar.
Revisa primero el móvil: es donde están la mayoría de visitantes y donde las puntuaciones son más bajas. Una web en verde en escritorio y en rojo en móvil está en rojo.
Qué merece la pena corregir, en orden
Empieza por las imágenes, porque suelen causar problemas de LCP y CLS a la vez. Después elimina o difiere los scripts que no necesitas: cada widget de terceros es un impuesto sobre INP. Luego hosting y caché. Solo entonces afina fuentes y CSS.
Si el problema es la propia plataforma —un tema pesado, un maquetador o un CMS envejecido— la optimización tiene un techo. Ese es el punto en que reconstruir sobre una base ligera sale más barato que otra ronda de parches; nuestra checklist de rediseño explica cómo hacerlo sin perder posiciones.
Puntos clave
- LCP ≤ 2,5 s, INP ≤ 200 ms, CLS ≤ 0,1 en móvil es el objetivo; los datos de campo de Search Console son el juez.
- Las imágenes corrigen dos métricas a la vez; los scripts de terceros son el culpable habitual del INP.
- Reserva espacio para todo lo que carga tarde para eliminar los saltos de diseño.
- Las plataformas pesadas tienen un techo de optimización: a veces la solución es una reconstrucción más ligera.
Servicios:Diseño y desarrollo web →
