Core Web Vitals: cuando el rendimiento también es una decisión de diseño

A principios de mayo de 2020, el equipo de Chrome presentó Web Vitals, una iniciativa para ofrecer una guía común sobre las señales que definen una buena experiencia en la web. Dentro de ella destacaban tres métricas, las Core Web Vitals. El 28 de mayo, Google explicó en el blog de Search que empezaría a evaluar la experiencia de página como parte de la búsqueda, con esas métricas como pieza central.

Hay un matiz que merece la pena conservar. Aquel anuncio no cambió el posicionamiento de un día para otro. Google dijo que avisaría con al menos seis meses de antelación antes de aplicar cambios en el ranking. Afirmar en junio de 2020 que “los Core Web Vitals ya posicionan” era adelantarse a lo que Google había dicho.

Tres métricas que se notan

Las tres medían cosas que cualquiera ha percibido al usar una web, y las tres tienen una parte de diseño.

Carga (LCP). Mide cuánto tarda en aparecer el contenido principal de la página, que suele ser una imagen grande o un bloque de texto. Si la imagen de cabecera pesa demasiado o el diseño depende de un carrusel que carga varias a la vez, el cuello de botella se ha elegido en la fase de diseño.

Interactividad (FID). Mide el retraso entre la primera interacción y el momento en que la página puede responder. Influyen los widgets, los vídeos incrustados y los scripts de terceros que se decide incluir, y cada componente pesado tiene un coste que alguien paga en el navegador.

Estabilidad visual (CLS). Mide cuánto se mueve el contenido mientras se carga. Es la métrica más cercana al oficio visual, y la rompen el texto que salta cuando llegan las tipografías, el banner que aparece y empuja todo hacia abajo o la imagen sin dimensiones reservadas.

Qué puede hacer el diseño

No hace falta que diseño sepa optimizar un servidor. Basta con que conozca las decisiones que tienen coste y las ponga sobre la mesa. Se puede empezar por cuántas familias tipográficas y pesos se cargan, qué formato y tamaño tienen las imágenes o qué espacio se reserva para lo que llega tarde. Y seguir por qué se ve en la primera pantalla, qué puede esperar y si una animación compensa lo que cuesta.

Son conversaciones que merece la pena tener con desarrollo antes de cerrar un diseño, porque cambiar una cabecera cuando ya está maquetada sale más caro que elegirla bien. Y recuerdan que se diseña para conexiones, dispositivos y paciencias reales, no para el equipo del diseñador.

Lo que una puntuación no promete

Una puntuación alta no garantiza una buena posición en Google. La propia Google presentó la experiencia de página como una señal entre muchas, y la relevancia del contenido sigue contando. Perseguir un cien en una herramienta de auditoría puede además distorsionar las prioridades, porque los datos de laboratorio y los de usuarios reales no siempre coinciden, y lo segundo refleja mejor la experiencia real.

Tampoco conviene reducirlo a SEO. Una página que carga rápido y no se mueve mientras se lee es mejor para quien la usa, aparezca donde aparezca en los resultados.

Una mirada desde hoy

Escribo esto en 2026, y el recorrido posterior confirma el matiz del principio. La señal se desplegó de forma gradual entre mediados de junio y finales de agosto de 2021, y en marzo de 2024 una métrica nueva, INP, sustituyó a FID. Cambió una métrica, pero la idea de fondo se mantuvo.

Esa idea es que el rendimiento no es únicamente una responsabilidad técnica. Una interfaz que tarda en mostrarse o que se mueve mientras se lee no está terminada, por muy cuidada que se vea en el archivo de diseño. Incorporar esas restricciones al principio no limita la creatividad. La orienta hacia soluciones que de verdad llegan a las personas.

---

Nota retrospectiva: reflexión escrita en 2026 sobre el contexto de junio de 2020.

Las opiniones expresadas son personales y no representan la posición de ninguna organización.