Desarrollo web

Por qué la velocidad de tu web importa (y cómo medirla con Core Web Vitals)

Velocidad web y Core Web Vitals explicados simple: qué miden LCP, INP y CLS, cómo medir tu web con PageSpeed Insights y qué arreglar primero.

UFO Development5 min de lectura

Pensá en la última vez que entraste a una web desde el celular y se quedó en blanco unos segundos. Probablemente volviste atrás y tocaste el siguiente resultado. Tus clientes hacen exactamente lo mismo con tu sitio. La velocidad web no es un detalle técnico para que se preocupen los programadores: es la diferencia entre que alguien vea tu propuesta o que nunca llegue a verla. En esta nota te explicamos qué son las Core Web Vitals, cómo medir tu sitio gratis y cuáles son los problemas que más se repiten.

Por qué la velocidad web importa para tu negocio

Hay dos razones, y las dos terminan en lo mismo: consultas y ventas.

La primera es la experiencia de la persona. Alguien que busca "corralón en Merlo" desde la obra, con el celular y datos móviles, no tiene paciencia. Si tu página tarda, se va. Si los botones saltan de lugar mientras carga, toca lo que no quería y se frustra.

La segunda es Google. Google usa un conjunto de métricas llamado Core Web Vitals como parte de las señales de experiencia de página que tiene en cuenta para ordenar los resultados. No es el factor más importante (el contenido relevante sigue mandando), pero entre dos sitios parecidos, una mala experiencia te puede jugar en contra.

Core Web Vitals explicados sin tecnicismos

Las Core Web Vitals son tres métricas que Google eligió para medir cómo vive una persona real la carga y el uso de una página. Desde marzo de 2024 son estas:

Métrica Qué mide Valor "bueno"
LCP Cuánto tarda en verse el contenido principal 2,5 segundos o menos
INP Qué tan rápido responde a clics y toques 200 milisegundos o menos
CLS Cuánto se mueven las cosas mientras carga 0,1 o menos

Google considera que una página aprueba cuando al menos el 75 % de las visitas reales cumple esos valores.

LCP: cuándo aparece lo importante

LCP (Largest Contentful Paint) mide cuánto tarda en mostrarse el elemento más grande de la pantalla inicial, que suele ser la imagen principal o el título. Es la respuesta a "¿cuándo siente la persona que la página ya cargó?". Por encima de 4 segundos, Google lo considera malo.

INP: si responde cuando tocás

INP (Interaction to Next Paint) reemplazó en 2024 a una métrica anterior, FID. Mide cuánto tarda la página en reaccionar visualmente cuando la persona hace clic, toca un botón o escribe. Si tocás "Pedir presupuesto" y no pasa nada durante un rato, tenés un problema de INP. Por encima de 500 milisegundos, se considera malo.

CLS: que nada salte de lugar

CLS (Cumulative Layout Shift) mide la estabilidad visual. ¿Te pasó de ir a tocar un link y que justo apareciera un banner arriba, empujando todo para abajo? Eso es un mal CLS. Por encima de 0,25, se considera malo.

Cómo medir tu web con PageSpeed Insights

La herramienta más directa es PageSpeed Insights, de Google, gratuita y sin registro. Entrás a pagespeed.web.dev, pegás la dirección de tu página y esperás el análisis.

Vas a ver dos bloques que conviene no confundir:

  • Datos de usuarios reales: cómo les fue a las personas que visitaron tu sitio en los últimos 28 días, según los datos que recopila Chrome. Es lo que Google tiene en cuenta. Si tu sitio tiene pocas visitas, puede que este bloque no aparezca.
  • Diagnóstico de laboratorio: una simulación hecha en el momento, con un puntaje de 0 a 100 y una lista de oportunidades de mejora. Sirve para encontrar las causas, pero el puntaje varía de una prueba a otra y no hay que obsesionarse con llegar a 100.

Algunos consejos para que la medición sirva:

  • Mirá siempre la pestaña de celular, no solo la de computadora. Es la más exigente y la que más se parece a la realidad de tus clientes.
  • Medí varias páginas, no solo la home: una página de servicio o un producto pueden tener problemas distintos.
  • Si tenés Google Search Console configurado, revisá el informe de Core Web Vitals, que agrupa todas las páginas de tu sitio.

Los culpables de siempre

Cuando revisamos sitios lentos de pymes, casi siempre aparecen los mismos sospechosos.

Imágenes pesadas. Es lo que más encontramos. Fotos subidas tal como salieron de la cámara o del celular, de varios megas cada una, para mostrarse en un recuadro chico. Un sitio de una inmobiliaria con veinte fotos así por propiedad puede tardar muchísimo en una conexión móvil.

Demasiados plugins y scripts. En sitios hechos con constructores o WordPress es común encontrar decenas de plugins instalados: sliders, popups, contadores, chats, píxeles de seguimiento duplicados. Cada uno suma código que el navegador tiene que descargar y ejecutar, y eso afecta sobre todo al INP.

Plantillas sobrecargadas. Temas que traen animaciones, fuentes y efectos para todos los gustos, aunque uses una mínima parte.

Hosting lento. Un servidor barato y saturado tarda en responder antes de que empiece a cargar cualquier cosa. Ninguna optimización compensa del todo un servidor que tarda en contestar.

Elementos sin espacio reservado. Imágenes sin dimensiones definidas, banners que se insertan arriba después de cargar o fuentes que cambian el tamaño del texto. Son las causas típicas de un mal CLS.

Cómo se arregla

La buena noticia es que la mayoría de estos problemas tiene solución, y muchas veces las mejoras más grandes vienen de cambios simples:

  1. Optimizar imágenes: redimensionarlas al tamaño en que se muestran, usar formatos modernos como WebP o AVIF, y cargar de forma diferida las que están más abajo en la página. La imagen principal, en cambio, conviene cargarla con prioridad.
  2. Hacer limpieza: desinstalar plugins que no se usan, unificar herramientas que hacen lo mismo y revisar qué scripts de terceros son realmente necesarios.
  3. Reservar espacio: definir ancho y alto de imágenes y bloques para que nada se mueva al cargar.
  4. Mejorar el hosting: o sumar una CDN que sirva los archivos desde servidores cercanos a tus visitantes.
  5. Repensar la base: si el sitio está montado sobre una plantilla muy pesada, a veces es más eficiente reconstruirlo con tecnología moderna que seguir emparchando.

Este último punto no es para todos, pero vale considerarlo si tu web además tiene otros problemas. Repasamos el resto de lo que tiene que tener un buen sitio en qué tiene que tener la web de tu empresa. Y si tu negocio depende de búsquedas en tu zona, la velocidad suma mucho junto con el SEO local.

Una web rápida no se nota. Una web lenta, sí: en las consultas que nunca llegan.

¿Tu web está tardando más de la cuenta?

Si pasaste tu sitio por PageSpeed Insights y los números no te convencen, o no sabés bien cómo interpretarlos, escribinos. Lo analizamos con vos y te decimos qué conviene arreglar primero, sin tecnicismos y sin que tengas que rehacer todo si no hace falta. Contactanos o mandanos un mensaje por WhatsApp.

¿Tenés una idea en mente?

Contanos qué necesitás y te respondemos con una propuesta concreta.