Saltar al contenido principal

Por qué tu web es lenta: guía de Core Web Vitals

Cómo medir la velocidad real de tu web con Core Web Vitals, qué umbrales marca Google y cuáles son las causas más habituales de una web lenta.

Apps y web · · 6 min de lectura · Equipo de Kandre Digital

Tu web es lenta cuando tarda en mostrar su contenido principal, tarda en responder a lo que haces o se mueve mientras la lees. Google lo mide con tres métricas llamadas Core Web Vitals: LCP, INP y CLS. Se considera bueno un LCP de hasta 2,5 segundos, un INP de hasta 200 milisegundos y un CLS de hasta 0,1.

Saber que una web «va lenta» no basta: hay que saber qué parte falla para arreglar lo correcto. Esta guía explica qué mide cada métrica, dónde consultar tus datos y cuáles son las causas más habituales, para que puedas hacerte una idea antes de hablar con quien tenga que corregirlo.

Qué miden los Core Web Vitals

Los Core Web Vitals son un conjunto de métricas que Google propone para medir la experiencia real de quien visita una web. Los umbrales que se consideran buenos, según la documentación oficial de Google en web.dev, son estos:

MétricaQué mideValor bueno
LCP (Largest Contentful Paint)Cuánto tarda en aparecer el elemento principal de la página, normalmente una imagen grande o un bloque de texto2,5 segundos o menos
INP (Interaction to Next Paint)Cuánto tarda la página en responder visualmente cuando haces clic, tocas o pulsas una tecla200 milisegundos o menos
CLS (Cumulative Layout Shift)Cuánto se desplazan los elementos de forma inesperada mientras se carga la página0,1 o menos

Hay un detalle importante: estos umbrales se evalúan en el percentil 75 de las visitas. Es decir, para que una página se considere buena en una métrica, al menos tres de cada cuatro visitas deben cumplir el valor. Que a ti te cargue rápido en tu ordenador no significa que vaya bien para todos tus visitantes, que usan móviles y conexiones muy distintas.

Cómo saber si tu web va lenta

Tienes dos herramientas gratuitas de Google que cubren casi todo lo necesario:

  • PageSpeed Insights. Introduces la dirección de una página y te muestra, por un lado, datos de uso real cuando hay suficientes visitas y, por otro, un análisis de laboratorio con recomendaciones concretas. Distingue entre móvil y ordenador.
  • Search Console. En el informe de Core Web Vitals agrupa las páginas de tu web según su resultado y te indica cuáles tienen problemas y de qué tipo. Es la mejor forma de ver patrones en toda la web, no solo en una página.

Conviene entender la diferencia entre ambos tipos de datos. Los datos de campo reflejan lo que viven tus visitantes reales y son los que cuentan para evaluar tu web. Los datos de laboratorio son una simulación controlada: sirven para diagnosticar y comprobar si un cambio ha mejorado algo, pero no sustituyen a los reales. Una web con poco tráfico puede no tener datos de campo suficientes, y entonces solo verás el análisis de laboratorio.

Causas habituales de un LCP lento

Si el contenido principal tarda en aparecer, suele ser por alguno de estos motivos:

  • Imágenes demasiado pesadas. Fotos subidas a tamaño original, sin comprimir o en formatos poco eficientes. Es la causa más frecuente en webs de empresa.
  • Servidor lento. Un alojamiento saturado o una aplicación que tarda en generar cada página retrasa todo lo que viene después.
  • Recursos que bloquean la carga. Hojas de estilo y scripts que el navegador debe descargar y procesar antes de pintar nada.
  • Fuentes tipográficas pesadas. Cargar muchas variantes de una fuente retrasa la aparición del texto.
  • Una plantilla recargada. Temas con mucha funcionalidad que no usas, pero que se descarga igualmente.

Causas habituales de un INP o un CLS malos

Cuando la web responde con retraso (INP)

Casi siempre se debe a un exceso de JavaScript. Scripts de analítica, chats, ventanas emergentes, mapas, pixeles de publicidad y complementos pueden ocupar al navegador justo cuando intentas pulsar un botón. Cada herramienta de terceros que añades tiene un coste en velocidad. INP sustituyó a otra métrica anterior, FID, como métrica oficial en marzo de 2024.

Cuando los elementos saltan (CLS)

Es el efecto de intentar pulsar un botón y que se mueva justo antes. Suele deberse a imágenes o vídeos sin dimensiones reservadas, a banners o avisos que se insertan por encima del contenido una vez cargada la página, a anuncios de tamaño variable o a fuentes que cambian el aspecto del texto al terminar de cargarse.

Lista de comprobación para empezar

Antes de contratar nada, puedes hacer esta revisión básica en una tarde:

  1. Ejecuta PageSpeed Insights sobre tu página de inicio y sobre las dos o tres páginas que más negocio te traen. Anota LCP, INP y CLS en móvil.
  2. Abre el informe de Core Web Vitals de Search Console y mira cuántas páginas aparecen como «necesitan mejorar» o «deficientes».
  3. Revisa las imágenes: tamaño en pantalla frente a tamaño del archivo, y si todas tienen ancho y alto definidos.
  4. Haz inventario de scripts de terceros (chat, analítica, mapas, publicidad, vídeo) y pregúntate cuáles aportan algo real.
  5. Comprueba si el aviso de cookies, los banners o las ventanas emergentes desplazan el contenido al aparecer.
  6. Pregunta a tu proveedor de alojamiento y a quien mantiene la web qué tiempo tarda el servidor en responder.
  7. Repite la medición pasados unos días: los datos de campo tardan en reflejar los cambios.

Cuándo es un parche y cuándo es de raíz

Hay problemas que se corrigen con ajustes: comprimir imágenes, eliminar un script o reservar espacio para un banner. Otros vienen de la base: una plantilla que arrastra funciones innecesarias, una arquitectura que genera cada página con demasiado trabajo o un exceso de complementos acumulados. En esos casos, los parches ayudan poco y compensa replantear partes de la web.

Un detalle más: Google tiene en cuenta la experiencia de página, pero no sustituye a un buen contenido. Una web rápida no se posiciona sola; lo que consigue es no perder visitas ni conversiones por frustración. Si te interesa lo que viene después, mira cómo aparecer en ChatGPT y otras IAs.

En Kandre Digital desarrollamos webs y aplicaciones web a medida. La velocidad no se consigue una sola vez: una web se vuelve más pesada a medida que se le añaden contenidos y herramientas, y por eso forma parte de lo que conviene vigilar en un mantenimiento web continuo.

Preguntas frecuentes

¿Qué es una buena puntuación en PageSpeed Insights?

Más útil que la puntuación global es mirar las tres métricas: LCP de 2,5 segundos o menos, INP de 200 milisegundos o menos y CLS de 0,1 o menos. La puntuación del laboratorio varía entre mediciones y con la potencia del dispositivo simulado, así que conviene fijarse en los datos de campo cuando existan.

¿Por qué mi web va rápido en mi ordenador y lenta en el móvil?

Porque tu equipo y tu conexión suelen ser mejores que los de muchos visitantes. Un móvil medio procesa menos rápido el JavaScript y suele conectarse con redes menos estables. Por eso Google evalúa el percentil 75 de las visitas y distingue móvil y ordenador. Mide siempre ambos y prioriza el móvil.

¿Cuánto tarda en mejorar el informe tras corregir un problema?

Depende del tráfico. Los datos de campo se acumulan durante un periodo, así que el informe de Search Console no cambia de un día para otro. El análisis de laboratorio de PageSpeed Insights sí refleja los cambios al instante, y sirve para confirmar que la corrección funciona.

¿Tu web tarda demasiado y no sabes por dónde empezar? Lo revisamos contigo y te orientamos sobre qué corregir primero, sin compromiso. Cuéntanos tu proyecto y lo vemos en una consulta gratuita de 30 minutos.

Sigue leyendo