Core Web Vitals para webs corporativas

Google publica tres métricas que describen cómo se siente una página al usarla. Merece la pena entenderlas porque miden justo lo que el visitante nota.

Las tres medidas

Largest Contentful Paint. Cuánto tarda en aparecer el contenido principal. Objetivo: menos de 2,5 segundos. Suele ser una imagen grande sin optimizar, una respuesta lenta del servidor o tipografías que bloquean el renderizado.

Interaction to Next Paint. Con qué rapidez responde la página al pulsar. Objetivo: menos de 200 milisegundos. Suele ser exceso de JavaScript ocupando el navegador.

Cumulative Layout Shift. Cuánto salta la página mientras carga. Objetivo: menos de 0,1. Suelen ser imágenes sin dimensiones, o un banner insertado encima de contenido que ya se estaba leyendo.

Esta última es la que más irrita por incidencia: todo el mundo ha pulsado donde no quería porque la página se movió.

Los arreglos con mejor retorno

• Sirva bien las imágenes. Formatos modernos, dimensiones correctas, carga diferida bajo el pliegue. En la mayoría de webs corporativas esto solo ya arregla la primera métrica.
• Ponga width y height en cada imagen. Un par de atributos, y la página deja de saltar.
• Elimine los scripts que nadie usa. Analítica antigua, un chat abandonado, tres contenedores de gestor de etiquetas.
• Sirva las tipografías desde su dominio, y recórtelas. Las peticiones externas de fuentes bloquean el renderizado; un subconjunto elimina caracteres que nunca usa.
• Cachee agresivamente en el borde. Las páginas estáticas servidas desde una CDN responden en decenas de milisegundos, esté donde esté el visitante.

Mida lo correcto

Las herramientas de laboratorio dan una puntuación limpia sobre una conexión rápida. Los datos de campo reflejan visitantes reales, con móviles reales, en redes reales. Cuando ambos se contradicen, los de campo tienen razón.

Dónde rinde de verdad

Una web corporativa se gana el sueldo con el formulario de contacto. Cada segundo de retraso pierde una fracción de quienes pensaban rellenarlo, y los visitantes móviles con mala cobertura son los menos pacientes. El beneficio en posicionamiento es real, pero secundario frente a eso.

No persiga la puntuación perfecta. Entre en los umbrales verdes, compruebe que el formulario va rápido en un móvil de gama media y dedique el esfuerzo restante al contenido.

Construimos con estos estándares en desarrollo web.