Qué mide de verdad el rendimiento de una web y qué mide solo la sensación

«La web va lenta» es una de esas frases que todo el mundo entiende y nadie mide igual. Antes de invertir en optimización conviene saber qué se está midiendo, porque hay métricas que se corresponden con la experiencia real y otras que solo producen una cifra bonita en un informe.

Las tres métricas que importan

Google agrupa bajo el nombre de Core Web Vitals tres indicadores que se corresponden bastante bien con tres preguntas que se hace una persona al abrir una página.

LCP: ¿cuándo veo algo útil?

El Largest Contentful Paint mide cuánto tarda en dibujarse el elemento más grande de la parte visible: normalmente la imagen principal o el titular. Se considera bueno por debajo de 2,5 segundos.

Lo que suele estropearlo: imágenes sin optimizar, tipografías que bloquean el dibujado, y scripts de terceros que se cargan antes que el contenido. Una web corporativa que carga cuatro herramientas de marketing antes de mostrar su propio titular tiene un problema de prioridades, no de servidor.

INP: ¿responde cuando toco algo?

El Interaction to Next Paint mide cuánto tarda la página en reaccionar a un clic o a un toque. Por debajo de 200 milisegundos se percibe como inmediato.

Es la métrica que mejor explica esa sensación de web «pesada» aunque haya cargado rápido: el contenido está, pero el menú tarda en abrirse. Casi siempre es exceso de JavaScript compitiendo por el mismo hilo.

CLS: ¿se me mueve el contenido mientras leo?

El Cumulative Layout Shift mide cuánto salta la maquetación durante la carga. Debe quedar por debajo de 0,1.

Es el responsable de un fastidio muy concreto: ir a pulsar un botón y que en ese instante aparezca un banner que desplaza todo hacia abajo. Se corrige declarando el tamaño de las imágenes y reservando el espacio de lo que se carga después.

Datos de laboratorio y datos de campo

Esta distinción explica la mayoría de las discusiones sobre puntuaciones.

• Laboratorio: una simulación en condiciones controladas. Es reproducible y sirve para comparar antes y después de un cambio.
• Campo: mediciones tomadas de personas reales, con sus dispositivos y sus conexiones. Es lo que de verdad cuenta, y lo que Google usa para su evaluación.

Una web puede puntuar bien en laboratorio y mal en campo si su público navega desde móviles modestos o con cobertura irregular. Por eso la puntuación aislada de una herramienta no es un objetivo: es una pista.

Lo que suele dar más resultado por menos esfuerzo

1. Servir las imágenes en formatos modernos, al tamaño en que se van a mostrar y con carga diferida fuera de la pantalla inicial.
2. Alojar las tipografías en el propio dominio y cargar solo los caracteres que se usan.
3. Declarar dimensiones en imágenes y vídeos para que nada salte al cargar.
4. Revisar qué scripts de terceros hay y qué aporta cada uno. Suele haber alguno olvidado de una campaña que terminó hace años.
5. No cargar el vídeo ni los mapas hasta que se acercan a la pantalla.

Y una advertencia sobre las prioridades

El rendimiento importa, pero es un medio. Una web instantánea que no explica con claridad qué hace la empresa no convierte más que una web algo más lenta y bien escrita. Lo razonable es tratarlo como un requisito técnico que se cumple durante el desarrollo, no como un proyecto de mejora posterior.

Optimizar es más barato al construir que al reparar.