Core Web Vitals para CEOs: Traduciendo métricas frikis a dinero
LCP, FID, CLS... Google habla en siglas, pero te está diciendo si tu negocio es viable. Aprende a leer el semáforo de tu web.
Autor y revisor: Jon González
El Semáforo de Google que Decide tu Futuro
Imagina que Google es un inspector de sanidad. Entra en tu restaurante (tu web) y te pone una nota. Si sacas un rojo, no te cierra el local, pero esconde tu restaurante en un callejón oscuro donde no pasa nadie. Si sacas un verde, te pone en la avenida principal.
Ese examen de sanidad se llama Core Web Vitals.
No son métricas de vanidad. Son métricas de Experiencia de Usuario (UX) puras. Google ha medido millones de webs y ha descubierto que si una web suspende estas métricas, la gente se va. Y Google no quiere enviar gente a sitios donde la gente se va.
Vamos a traducir las siglas “frikis” a lenguaje de negocio.
1. LCP (Largest Contentful Paint) = “La Espera”
Técnicamente: Cuánto tarda en pintarse el elemento más grande visible (normalmente la foto de portada o el titular). Traducción CEO: ¿Cuánto tiempo tengo que mirar una pantalla en blanco hasta que sé de qué va esto?
Si tu LCP es superior a 2.5 segundos, suspendes. Es como si un cliente entra en tu tienda y el dependiente tarda 3 segundos en levantar la cabeza del móvil para decirle “Hola”. Mala primera impresión.
Causas típicas: Servidor lento, imágenes gigantes sin optimizar, videos de fondo pesados.
2. INP (Interaction to Next Paint) = “El Lag”
Nota: INP sustituyó a FID en 2024.
Técnicamente: Cuánto tarda la web en reaccionar cuando haces clic en un botón. Traducción CEO: ¿Se siente la web rota o atascada?
Pulsas “Añadir al carrito”. Y no pasa nada. Vuelves a pulsar. Y de repente, se añaden dos productos. Esa sensación de “pastosidad”, de que la web va a pedales, mata la confianza.
Si tu INP es superior a 200 milisegundos, suspendes.
Causas típicas: Demasiado código JavaScript ejecutándose a la vez (chats online, trackers de publicidad, popups).
3. CLS (Cumulative Layout Shift) = “El Baile”
Técnicamente: Cuánto se mueven los elementos de la web mientras carga. Traducción CEO: ¿La web me intenta engañar?
Estás leyendo un artículo. Vas a pulsar un botón. De repente, carga un anuncio encima, todo el texto se desplaza hacia abajo, y acabas pulsando el anuncio sin querer. Odioso, ¿verdad? Eso es CLS. Es frustrante y genera clics erróneos.
Si tu CLS es superior a 0.1, suspendes.
Causas típicas: Imágenes sin dimensiones definidas en el HTML, fuentes que tardan en cargar, banners dinámicos.
¿Cómo sé si apruebo?
No uses tu ordenador potente con fibra óptica. Tus clientes usan móviles de gama media con 4G en el metro. Herramienta oficial y gratuita: PageSpeed Insights. O mira en tu Google Search Console, sección “Experiencia en la página”.
El Impacto en el Ranking
Google utiliza Core Web Vitals dentro de sus señales de experiencia de página, pero una puntuación verde no garantiza una posición. Relevancia, calidad y otras señales también intervienen.
Pero más allá del SEO, es conversión.
- Una mejora de LCP puede reducir espera percibida; compara conversión por dispositivo antes y después.
- Reducir CLS evita clics accidentales; valida errores e interacción con datos de campo.
En Croqueta Digital, nuestras auditorías de SEO Técnico empiezan aquí. Antes de buscar keywords, arreglamos el local. Nadie quiere comer en un restaurante sucio.
Ampliación editorial · revisión 2026
La decisión central de esta guía
¿Qué debe entender dirección sobre Core Web Vitals?
LCP observa la carga del contenido principal, INP la respuesta a interacciones y CLS la estabilidad visual. Los umbrales buenos son hasta 2,5 s, 200 ms y 0,1 respectivamente en el percentil 75. Son señales de experiencia, no una nota única de negocio.
Prioriza plantillas con peor dato de campo y mayor valor. Optimiza recurso LCP, trabajo del hilo principal y dimensiones reservadas. No persigas un 100 de laboratorio si la regresión real está en otra plantilla o si la solución rompe contenido.
Compara CrUX o Search Console con PageSpeed y perfiles locales. Registra versión, dispositivo, p75 y cambio. Relaciona rendimiento con conversión por segmento sin asumir causalidad por una coincidencia temporal.
Core Web Vitals influye dentro de muchas señales y no garantiza ranking. Los datos de campo requieren tráfico suficiente y una ventana móvil. Una página puede tener verdes técnicos y seguir sin responder la intención.
Marco técnico
Método para diagnosticar SEO técnico sin perseguir síntomas
El SEO técnico facilita que un buscador descubra, rastree, renderice, comprenda y seleccione la URL correcta para una intención. No obliga a indexar ni garantiza posiciones. Su trabajo es eliminar ambigüedad y fricción técnica mientras contenido, autoridad y demanda completan la decisión.
El diagnóstico comienza con un inventario canónico. Sitemap, rastreo, Search Console, analítica y logs describen conjuntos distintos; compararlos muestra URLs huérfanas, redirecciones, parámetros, páginas descubiertas y páginas que reciben demanda. Un número total de “errores” no prioriza nada hasta relacionarlo con una URL importante y una intención.
Descubrimiento, rastreo e indexación son estados diferentes. Una URL enlazada puede no haberse rastreado; una URL rastreada puede no indexarse; una URL indexada puede perderse si Google selecciona otra canonical o considera que aporta poco valor. Cada hipótesis necesita evidencia del estado actual antes de cambiar contenido, robots o canonical.
La arquitectura asigna propiedad. Una consulta principal corresponde a una página, y las páginas de apoyo enlazan con contexto sin competir por el mismo propósito. Las URLs locales solo permanecen cuando responden una necesidad diferenciada. Cambiar topónimos, fechas o adjetivos en una plantilla no crea una razón para indexar treinta documentos.
La solución se verifica en HTML generado, respuesta HTTP y enlaces reales. Un título correcto en el repositorio no sirve si un override lo sustituye; una canonical visualmente invisible puede apuntar a otra página; un sitemap puede incluir rutas que responden 404. El rastreo posterior debe demostrar que el cambio llegó al entorno previsto.
Lista de control antes de ejecutar
- 01Estado reproducido
Se conserva evidencia de respuesta, robots, canonical, render, enlaces y señal de Search Console.
- 02Intención propietaria
La URL tiene un propósito distinto y no compite con otra página del inventario.
- 03HTML útil
La respuesta inicial contiene contenido principal, encabezados y enlaces sin depender de una interacción.
- 04Señales coherentes
Canonical, sitemap, hreflang, redirecciones y enlaces apuntan a la misma versión preferida.
- 05Contenido verificable
La página ofrece método, ejemplos, autoría y fuentes sin afirmaciones fabricadas.
- 06Seguimiento temporal
La validación diferencia comprobación inmediata de evolución de rastreo e indexación.
Qué medir para saber si funciona
Controla URLs válidas esperadas, estado HTTP, canonical efectiva, enlaces internos entrantes, profundidad, frecuencia de rastreo y consultas de destino. Impresiones y clics se comparan por periodos equivalentes y se anotan cambios de demanda, estacionalidad o migración.
La indexación es un medio. El resultado de negocio se observa en tráfico relevante, acciones válidas y calidad comercial. Publicar miles de páginas para alcanzar un porcentaje de indexación puede empeorar el sitio; el objetivo es que cada URL indexable merezca existir y tenga una función dentro del clúster.
Playbook propio de esta guía
Cuadro de decisión de rendimiento para dirección
Esta ampliación desarrolla el problema específico de core web vitals para ceos: traduciendo métricas frikis a dinero y no se reutiliza en otras entradas del Laboratorio.
Traducir métricas a recorridos
Agrupa datos de campo por plantilla y dispositivo. LCP describe cuándo aparece el contenido principal, INP la respuesta a interacción y CLS los desplazamientos inesperados. Explica qué tarea afecta cada métrica: leer una oferta, abrir filtros o pulsar comprar. Un valor del dominio no señala dónde invertir y puede ocultar una plantilla crítica bajo muchas páginas simples.
Usa percentil 75 y ventana disponible en CrUX o Search Console, pero reconoce páginas sin tráfico suficiente. Complementa con PageSpeed y perfiles locales para encontrar causas. Laboratorio reproduce condiciones; campo observa diversidad real. No promedies ambos como una nota. Conserva URL, fecha, dispositivo y versión para que la siguiente medición sea comparable.
Priorizar por valor y causa
Cruza gravedad, tráfico, conversión y facilidad. Un LCP lento en checkout o servicio principal puede superar cientos de páginas informativas. Identifica el recurso LCP y su cadena, trabajo largo que bloquea INP y elementos sin dimensiones que generan CLS. Asigna cada causa a código, contenido, tercero o infraestructura; así la decisión llega al responsable adecuado.
Establece presupuesto de rendimiento para imagen, JavaScript y fuentes y compruébalo en CI. Los terceros necesitan propietario y justificación. Cargar menos no significa eliminar medición necesaria, sino activarla cuando aporta valor. Prueba cambios en el dispositivo y red objetivo y revisa calidad visual y funcional. Un WebP pequeño que destruye detalle de producto no es una victoria.
Seguimiento ejecutivo
Informa plantilla afectada, usuarios, causa, acción, cambio de campo y efectos secundarios. Evita reducir el trabajo a “sacar 100”. Una página puede obtener buena nota sintética y mantener INP pobre para usuarios. Relaciona rendimiento con tareas y conversión por segmento, pero no atribuyas causalidad sin diseño experimental o control suficiente.
Después del despliegue observa al menos la ventana necesaria para datos de campo y vigila errores. Mantén alertas de peso y cambios bruscos para evitar regresiones antes de que aparezcan en el informe mensual. Dirección necesita saber qué riesgo se redujo, cuánto cuesta mantenerlo y qué plantilla sigue pendiente, no interpretar cada traza técnica.
Cuadro ejecutivo: rendimiento con contexto y responsables
Para dirección, Core Web Vitals debe presentarse como una señal de experiencia y salud técnica, no como una garantía de ventas o ranking. El informe distingue datos de campo y laboratorio, muestra la proporción de usuarios afectados y segmenta por plantilla y dispositivo. También relaciona cada problema con una experiencia visible: espera del contenido principal, interacción tardía o movimiento inesperado. La prioridad combina volumen de tráfico, importancia del recorrido y esfuerzo de corrección. Un valor agregado del dominio puede ocultar que el checkout móvil falla mientras el blog funciona bien. Cada iniciativa necesita propietario, presupuesto de rendimiento y criterio de aceptación para que la mejora sobreviva al siguiente lanzamiento.
El seguimiento ejecutivo registra tendencia, versión y causa. Se evita celebrar una puntuación de una prueba aislada; se observa una ventana de campo suficiente y se usan laboratorios para diagnosticar antes. Terceros, campañas y cambios de contenido pueden mover las métricas, por lo que marketing, diseño y desarrollo comparten responsabilidad. El panel incorpora errores, disponibilidad y conversión como contexto, sin afirmar causalidad automática. Si una mejora técnica coincide con mejor negocio, se investiga y documenta; si no, sigue siendo válida cuando reduce fricción y riesgo. Esta lectura permite asignar recursos con rigor y evita convertir un indicador web en una cifra decorativa.
El gobierno práctico añade controles al proceso: imágenes dimensionadas, límites de scripts, revisión de fuentes, pruebas por plantilla y alertas ante regresiones. Las excepciones tienen fecha y responsable. Antes de desplegar se comparan rutas críticas en dispositivos modestos y conexiones representativas; después se revisan datos reales. El equipo conserva una lista corta de causas dominantes en lugar de repartir esfuerzo entre cientos de microoptimizaciones. Dirección recibe el riesgo, el impacto esperado y la evidencia posterior en lenguaje comprensible. Así, Core Web Vitals funciona como disciplina continua de producto y no como una campaña que termina al alcanzar temporalmente una zona verde.
Comprobaciones antes de cerrar
- 01Plantilla concreta
La métrica se vincula a un tipo de página y recorrido prioritario.
- 02Campo y laboratorio
Se usan para observar y depurar sin mezclarlos como si fueran equivalentes.
- 03Causa propietaria
Cada recurso o tarea bloqueante tiene equipo y acción definidos.
- 04Presupuesto preventivo
CI detecta peso o JavaScript excesivo antes del siguiente despliegue.
Actualiza prioridades con tráfico y negocio. Los umbrales orientan, pero la gestión mejora cuando cada regresión tiene propietario y prevención.
Pasos del procedimiento
1. Mide tu puntuación actual con PageSpeed Insights
Accede a pagespeed.web.dev e introduce la URL de tu página principal. Anota los valores de LCP, INP y CLS tanto en móvil como en escritorio. Este es tu punto de partida.
2. Optimiza el LCP: reduce el peso del elemento principal
El LCP debe ser menor a 2.5 segundos. Las causas más comunes son imágenes sin comprimir y servidores lentos. Comprime imágenes a WebP/AVIF y mejora el TTFB del servidor.
3. Mejora el INP: reduce JavaScript bloqueante
El INP debe ser menor a 200ms. Audita qué scripts se ejecutan en el hilo principal: chats, trackers de publicidad y popups son los principales culpables. Aplaza o elimina los innecesarios.
4. Corrige el CLS: fija las dimensiones de imágenes y fuentes
El CLS debe ser menor a 0.1. Define width y height en todas las imágenes del HTML, carga fuentes con font-display:swap y evita insertar contenido dinámico sobre contenido existente.
5. Valida en Google Search Console
En Search Console accede a 'Experiencia de página' para ver los datos de campo reales de tus usuarios. Los datos de laboratorio (PageSpeed) y campo pueden diferir; los datos de campo son los que cuenta Google.
Control editorial
Metodología y fuentes
Los umbrales proceden de documentación oficial. El impacto comercial debe medirse en cada web y no se trata como garantía.
- web.dev — Core Web Vitals ↗
Métricas y umbrales de experiencia de usuario mantenidos por el equipo de Chrome.
- Google Search Central — Core Web Vitals ↗
Documentación oficial sobre Core Web Vitals en Google Search.
