Core Web Vitals: mejora la velocidad de tu web

Core Web Vitals. Sí, esas métricas de las que todo el mundo habla y casi nadie mide bien. Llevo años en este sector y puedo decirte algo sencillo: cuando Google se fija en algo, conviene fijarse también. En Grupo Novalca hemos migrado, optimizado y auditado cientos de sitios web entre España y México, y he visto webs con contenido prácticamente idéntico posicionar a años luz de distancia. La diferencia solía ser una sola: rendimiento. La velocidad dejó de ser un capricho técnico. Es dinero. Es conversión. Es reputación de marca. Aquí te cuento qué son los Core Web Vitals, por qué importan tanto y por dónde empezar a mejorarlos hoy mismo con herramientas gratuitas, sin necesidad de ser un desarrollador experto.

¿Qué son los Core Web Vitals y por qué Google les da tanta importancia?

Los Core Web Vitals son un conjunto de métricas definidas por Google que miden tres aspectos de la experiencia de usuario: velocidad de carga, interactividad y estabilidad visual. Y ojo con el matiz, porque a diferencia de las métricas técnicas de antaño (aquel tiempo total de carga que solo obsesionaba a los desarrolladores), estas se centran en lo que el usuario siente cuando navega por tu página.

¿Por qué a Google le importa tanto? La respuesta es casi comercial: su negocio depende de que la gente encuentre resultados útiles, y una web lenta, o una que «salta» mientras cargas, genera frustración a espuertas. Dentro de la experiencia de Page Experience, los Core Web Vitals son una señal de clasificación confirmada. En proyectos donde hemos trabajado en Novalca, mejorar estas métricas ha traído mejoras visibles en posiciones orgánicas y, sobre todo, en conversión. Una web que carga rápido vende más. Sin tocar ni una coma de los textos.

LCP, INP y CLS: las tres métricas que debes conocer (y vigilar)

Estas son las tres métricas oficiales y qué mide cada una:

• LCP (Largest Contentful Paint): cuánto tarda en aparecer el elemento más grande visible de la pantalla (normalmente una imagen hero o un titular grande). Lo ideal: menos de 2,5 segundos. El culpable habitual suele ser imágenes sin optimizar o un servidor lento.
• INP (Interaction to Next Paint): mide la capacidad de respuesta cuando el usuario interactúa. Un clic en el menú, en un botón, en un formulario. Objetivo: por debajo de 200 milisegundos. Suele empeorar con scripts de terceros que bloquean el hilo principal.
• CLS (Cumulative Layout Shift): cuánto «se mueve» el contenido durante la carga. Si alguna vez has intentado pulsar un botón y, de repente, un anuncio lo ha desplazado y has acabado pulsando otra cosa, ya sabes lo que es un mal CLS. Objetivo: menos de 0,1.

Cómo medir tu web gratis: PageSpeed Insights y Search Console

No necesitas herramientas de pago para empezar. Las dos imprescindibles son gratuitas:

1. PageSpeed Insights (pagespeed.web.dev): introduces tu URL y obtienes puntuaciones para móvil y escritorio, el dato de cada métrica y una lista de oportunidades de mejora ordenadas por impacto. Presta atención a la sección de «datos de campo»: refleja usuarios reales, no solo simulaciones de laboratorio.
2. Google Search Console: en el informe «Core Web Vitals» verás el estado de todas tus páginas agrupadas por tipo (bueno, necesita mejorar, deficiente). Va genial para detectar patrones. Si todas las fichas de producto fallan, el problema está en la plantilla, no en páginas sueltas.

Mi consejo, después de tantos proyectos: mide primero, optimiza después. Muchos clientes llegan queriendo «arreglar la web» sin saber qué falla, y lo único que consiguen es multiplicar trabajo inútil. Con estos dos datos en la mano priorizarás lo que de verdad mueve la aguja.

7 acciones prácticas para mejorar la velocidad de tu web hoy mismo

Después de auditar bastantes proyectos, me queda claro que casi todos los problemas de rendimiento se arreglan con un puñado de acciones bien ejecutadas. Estas son las que aplicamos en Grupo Novalca cuando optimizamos una web:

1. Comprime y convierte tus imágenes a WebP o AVIF. Es la acción con mejor retorno inmediato, sin discusión. Una imagen JPG de 2 MB puede pasar a 200 KB en WebP sin que se note la diferencia de calidad.
2. Activa la caché del navegador y la caché de servidor. WP Rocket en WordPress, o la caché a nivel de servidor en tu hosting. Ambas reducen de forma drástica los tiempos de carga en visitas repetidas.
3. Usa una CDN. Si tu público está en España y México, como es nuestro caso, una CDN sirve el contenido desde servidores cercanos al usuario. El LCP baja de forma notable.
4. Diferencia el JavaScript no crítico. El atributo defer o async en los scripts que no bloquean el renderizado inicial. Poco esfuerzo, mucho beneficio.
5. Limpia plugins y scripts de terceros. Cada widget de chat, píxel de seguimiento o fuente externa suma peticiones. Elimina lo que no uses de verdad. Y sé honesto contigo mismo aquí.
6. Precarga la imagen principal (hero). Un preload bien colocado puede rebajar el LCP más de un segundo en landing pages. Lo he comprobado más de una vez.
7. Actualiza tu plan de hosting. A veces el problema no es el código. Es el servidor. Un VPS gestionado rinde muy por encima de un hosting compartido saturado.

Mi consejo: aplícalas en ese orden. Las tres primeras resuelven el 80 % de los casos sin tocar una sola línea de código.

Errores comunes que veo en proyectos de clientes (y cómo evitarlos)

Parecen obvios, ¿verdad? Pues una y otra vez me encuentro con los mismos fallos en proyectos que nos llegan:

• Optimizar sin medir. Instalar cinco plugins de caché «por si acaso» no solo no ayuda: puede empeorar el TTFB por conflictos entre ellos.
• Pagar por una web bonita y olvidar el rendimiento. Animaciones pesadas, sliders de vídeo a pantalla completa… diseños que hunden el INP en móviles de gama media.
• Medir solo en escritorio. La mayoría del tráfico real es móvil, y en móviles de gama baja es donde las métricas se disparan. Revisa siempre el informe de origen móvil.
• Obsesionarse con el 100 en PageSpeed Insights. El laboratorio es orientativo. Lo que de verdad cuenta son los datos de campo de tus usuarios en CrUX.
• Optimizar una vez y olvidarse. Cada campaña nueva, cada plugin, cada rediseño puede degradar los valores. El rendimiento es un hábito de mantenimiento, no un proyecto puntual.

El patrón que repito a cada cliente es sencillo: un cambio, una medición. Así sabes siempre qué acción produce qué mejora.

Conclusión: la velocidad de carga como inversión, no como gasto

Si llegaste hasta aquí buscando una lista de trucos técnicos, espero haberte convencido de algo más importante. Los Core Web Vitals no son un capricho de Google; son el reflejo directo de la experiencia que ofreces a tus clientes. Cada décima de segundo que recortas se traduce en menos rebotes, más conversiones y mejores posiciones en buscadores.

Emprendiendo he visto webs que multiplicaron sus ventas con cambios modestos. Y otras que perdieron oportunidades cada día por no dedicar unas horas a este asunto. La buena noticia es que mejorar la velocidad es de las inversiones digitales más rentables y medibles que existen: el coste es acotado y el retorno lo ves en tus propios analíticos. Sin fe ciega.

Empieza midiendo, aplica las acciones de mayor impacto y convierte el rendimiento en parte de tu rutina de mantenimiento. Tu web no solo cargará más rápido: trabajará mejor para tu negocio. Y si necesitas una mano, ya sabes donde estamos.