Velocidad de carga web: audita y mejora tus Core Web Vitals

Si tu web tarda en cargar, lo notas. Y no solo tú: lo nota Google y, sobre todo, lo nota quien cierra la pestaña a los tres segundos. La velocidad de carga web influye directamente en tu posicionamiento SEO y en la experiencia de quien te visita, y por tanto en tus ventas. En Novalca hemos auditado cientos de webs en España y México, y todavía nos sorprende cuántas empresas pierden clientes por cargas superiores a esos tres segundos. Aquí te cuento, paso a paso, cómo auditar tu sitio y mejorar los Core Web Vitals.

¿Por qué importa la velocidad de carga web?

Google lleva años usando los Core Web Vitals como señal de clasificación. Y los usuarios tampoco perdonan: según varios estudios, el 53% de las visitas desde móvil se abandonan si la página tarda más de tres segundos en cargar. Amazon, por su parte, calculó que cada 100 milisegundos extra le costaba un 1% de ventas. Piénsalo. Una web lenta te cuesta dinero y visibilidad, tengas una tienda online o un blog corporativo. No hay vuelta que darle.

Los tres Core Web Vitals que debes conocer

LCP: Largest Contentful Paint

Mide cuánto tarda en renderizarse el elemento más grande visible en pantalla (normalmente una imagen hero o un bloque de texto). El objetivo: que sea inferior a 2,5 segundos. Las causas más habituales de un LCP deficiente son imágenes sin optimizar, servidores lentos y JavaScript que bloquea el renderizado.

INP: Interaction to Next Paint

Sustituyó al antiguo FID en marzo de 2024. Mide la capacidad de respuesta de la página ante las interacciones del usuario: clics, toques, teclado. Busca un valor por debajo de 200 milisegundos. Un INP malo suele indicar que hay demasiado JavaScript ejecutándose en el hilo principal.

CLS: Cumulative Layout Shift

La estabilidad visual, o dicho de otro modo: cuánto «se mueve» el contenido mientras carga. Un buen CLS es menor a 0,1. ¿Los culpables típicos? Imágenes sin dimensiones definidas, anuncios que se insertan dinámicamente y fuentes web que provocan saltos de texto.

Cómo auditar la velocidad de tu web paso a paso

1. PageSpeed Insights

La herramienta gratuita de referencia de Google. Introduces tu URL y obtienes puntuaciones para móvil y escritorio, junto con los valores de cada Core Web Vital. Un consejo desde mi experiencia: fíjate más en el informe de datos de campo (usuarios reales) que en los datos de laboratorio, que no son más que una simulación en condiciones ideales.

2. Search Console

En el apartado «Experiencia de página» encontrarás un informe de Core Web Vitals agrupado por tipo de página. Esto es oro. Te dice exactamente qué plantillas (fichas de producto, entradas de blog, categorías) están fallando, en lugar de obligarte a analizar URL por URL.

3. Lighthouse y Chrome DevTools

Integrado en Chrome (pestaña Lighthouse en las DevTools), permite auditorías más profundas, con cascada de peticiones y análisis del hilo de JavaScript. Para diagnosticar problemas concretos —un script de terceros que bloquea la carga, por ejemplo— es insustituible.

4. WebPageTest y GTmetrix

Ambos ofrecen pruebas desde distintas ubicaciones geográficas y conexiones. Si tu mercado es México pero tu servidor está en Europa, aquí lo verás de inmediato. En Novalca hemos resuelto más de un caso simplemente migrando el hosting o añadiendo una CDN más cercana al usuario.

Las causas más frecuentes de una web lenta

• Imágenes sin optimizar: una foto de 4 MB en el hero arruina tu LCP. Usa formatos modernos como WebP o AVIF, y comprime siempre antes de subir.
• Hosting de baja calidad: un servidor compartido saturado puede añadir segundos al tiempo de respuesta (TTFB). No escatimes aquí; es la base de todo.
• JavaScript y CSS excesivos: temas de WordPress con 20 sliders y 15 plugins de animación generan cientos de kilobytes innecesarios.
• Falta de caché: sin caché de página ni caché de navegador, cada visita reconstruye la web desde cero.
• Scripts de terceros: píxeles de marketing, chats y herramientas de analítica pueden llegar a representar el 50% del peso de una página.

Cómo mejorar cada Core Web Vital

Para mejorar el LCP

• Precarga la imagen principal con fetchpriority=»high».
• Implementa una CDN para servir recursos desde servidores cercanos al usuario.
• Añade caché de página y optimiza el TTFB por debajo de 600 ms.
• Aplaza todo JavaScript que no sea crítico con el atributo defer.

Para mejorar el INP

• Reduce el JavaScript de terceros y elimina scripts que ya no uses.
• Divide tareas largas de JavaScript en trozos más pequeños (code splitting).
• Aplaza la ejecución de widgets no esenciales hasta que el usuario interactúe.

Para mejorar el CLS

• Define siempre los atributos width y height en imágenes y vídeos.
• Reserva espacio para anuncios y contenido incrustado.
• Usa font-display: swap con fuentes precargadas para evitar saltos de texto.

Una experiencia real de nuestro equipo

Hace unos meses auditamos la web de un cliente de e-commerce en México con una tasa de rebote del 70% en móvil. El diagnóstico: un tema sobrecargado, imágenes de producto sin comprimir y cero caché. Optimizamos imágenes, implementamos caché y una CDN. El LCP pasó de 5,8 a 1,9 segundos, y la conversión móvil subió un 23% en dos meses. Sin magia. Solo método.

Conclusión

Auditar y mejorar la velocidad de carga web es de las inversiones con mejor retorno que puedes hacer en tu presencia digital. Empieza midiendo con PageSpeed Insights y Search Console, identifica tus Core Web Vitals en rojo y ataca las causas más comunes: imágenes pesadas, hosting deficiente, exceso de JavaScript y falta de caché. No hace falta ser un experto técnico para dar los primeros pasos, aunque sí se necesita constancia y un plan de medición continuo. Y si tu proyecto ha crecido y necesitas una infraestructura seria, un buen hosting y una auditoría profesional pueden marcar la diferencia entre perder o ganar clientes cada día. Tu web es tu escaparate: haz que cargue rápido y deje de dejarte dinero en la mesa.