Velocidad del sitio web y Core Web Vitals: una guía práctica

Tres segundos. Ese es el tiempo aproximado que un visitante esperará a que cargue su página antes de que una gran parte de ellos se rindan y se vayan. No tres minutos. Tres segundos. En un mundo donde la atención es la moneda más escasa en internet, la velocidad de su sitio web decide silenciosamente cuántos clientes mantiene y cuántos entrega a un competidor más rápido.

Sin embargo, la velocidad de los sitios web sigue siendo tratada como una nota técnica al pie, algo de lo que deben preocuparse "los desarrolladores". Eso es un error costoso. La velocidad es una métrica de negocio. Afecta a cuántas personas se quedan, cuántas compran y qué tan alto se posiciona en Google. Esta guía explica qué se mide realmente, por qué es importante en cifras concretas y qué puede hacer al respecto sin necesidad de un título en informática.

Por qué la velocidad es dinero, no vanidad

La relación entre velocidad y resultados es uno de los hallazgos más consistentemente documentados en todo el marketing digital. Una investigación resumida por Think with Google encontró que el 53% de los visitantes móviles abandonan una página que tarda más de tres segundos en cargarse. Piense en lo que eso significa: puede gastar dinero real atrayendo gente a su sitio a través de anuncios o contenido, y perder la mitad de ellos en la puerta simplemente porque la página era lenta.

Empeora cuanto más lento va. La investigación de Google encontró que la probabilidad de que un visitante rebote aumenta drásticamente con cada segundo adicional de tiempo de carga; el gráfico a continuación muestra cuán pronunciado es el aumento.

El daño se agrava en el momento de la compra. Como documenta el Baymard Institute, los problemas de rendimiento del sitio web son una razón recurrente por la que los compradores abandonan sus carritos: un proceso de pago lento sangra las ventas en el momento más caro de todo el recorrido del cliente (consulte por qué los clientes abandonan los carritos). La velocidad no se trata de presumir de una puntuación de rendimiento. Se trata de si las personas que tanto se esforzó por atraer realmente se convierten en clientes.

Conozca las Core Web Vitals

Durante años, la "velocidad de la página" fue una idea vaga que se medía de una docena de maneras diferentes. Luego, Google la estandarizó en tres métricas que denomina Core Web Vitals, un lenguaje compartido para describir cómo una página se siente realmente para una persona real. La tabla siguiente resume lo que mide cada una y los objetivos que establece Google.

Largest Contentful Paint (LCP): ¿qué tan rápido aparece el contenido principal?

LCP mide cuánto tiempo tarda en cargarse el elemento más grande e importante en pantalla, generalmente una imagen destacada o un titular. Responde a la primera pregunta impaciente del visitante: "¿Esto está cargando o no?". Google considera que un LCP de 2.5 segundos o menos es bueno. Cualquier cosa que supere los cuatro segundos es pobre, y está perdiendo gente.

Interaction to Next Paint (INP): ¿con qué rapidez responde la página cuando toco?

INP mide la capacidad de respuesta, el retraso entre que un visitante toca o hace clic y la página realmente reacciona. Un sitio puede cargar rápido pero aún sentirse lento y sin respuesta una vez que se comienza a usar, y eso es exactamente lo que captura INP. Un INP bueno es de 200 milisegundos o menos. Esta métrica es importante porque es nueva: en marzo de 2024, Google reemplazó su métrica de capacidad de respuesta anterior, First Input Delay, con INP, elevando el listón de lo que se considera una experiencia fluida.

Cumulative Layout Shift (CLS): ¿la página salta mientras se carga?

Todos hemos pasado por eso: vas a tocar un botón, un anuncio o una imagen se carga tarde, el diseño se tambalea y tocas lo incorrecto. CLS mide esa inestabilidad visual. Un CLS bueno es de 0.1 o menos — cuanto más bajo, más estable. Además de ser molesto, el cambio de diseño erosiona la confianza y causa toques incorrectos que te cuestan ventas.

La velocidad es ahora un factor de clasificación

Aquí está la parte que convierte la velocidad de una sutileza de UX en una prioridad de marketing: Google utiliza estas métricas como parte de sus señales de experiencia de página al decidir cómo clasificar las páginas. No es el factor más importante —el contenido relevante y de alta calidad sigue siendo primordial—, pero cuando dos páginas son comparables en otros aspectos, la más rápida y fluida tiene la ventaja. Un sitio lento está luchando contra su propio SEO con una mano atada a la espalda, lo que socava todos los demás esfuerzos que usted pone en la visibilidad en búsquedas.

Lo que realmente valen las páginas más rápidas

Hablar de milisegundos de forma abstracta puede parecer desconectado del resultado final, así que concretemos. Imagine una tienda que recibe 10.000 visitantes al mes con una caja que carga lentamente. Si incluso una pequeña fracción de esos visitantes abandona debido a ese retraso —y la investigación dice que no es una pequeña fracción—, usted está perdiendo docenas o cientos de pedidos potenciales cada mes, mes tras mes, sin siquiera ver a los clientes que perdió. Simplemente desaparecen antes de llegar a usted.

Ahora, inviértalo. El mismo tráfico, los mismos productos, pero una experiencia rápida y estable que mantiene a la gente hasta la compra. Nada de su marketing cambió, sin embargo, sus ingresos aumentan, porque dejó de perder clientes en la puerta. Esto es lo que hace que la velocidad sea una inversión tan inusual: no requiere más tráfico, un mayor presupuesto publicitario o un nuevo producto. Simplemente recupera el valor que ya está generando y perdiendo silenciosamente. Para la mayoría de las empresas, ese es uno de los crecimientos más baratos disponibles.

Qué es lo que realmente ralentiza los sitios web

La lentitud rara vez tiene una única causa dramática. Suele ser una acumulación de pequeños pecados. Los culpables más comunes vale la pena conocerlos, porque también son los más fáciles de solucionar.

Imágenes sobredimensionadas. Este es el infractor número uno, de lejos. Una sola foto enorme y sin comprimir puede causar más daño a su tiempo de carga que todo lo demás combinado.

Demasiado código, cargado en el momento equivocado. Temas pesados, una gran cantidad de plugins, scripts de terceros y etiquetas de seguimiento añaden peso, y gran parte de ello se carga antes de que la página sea utilizable.

Alojamiento barato o distante. Si su servidor es lento o está lejos de sus visitantes, cada página comienza en desventaja antes de que se cargue una sola imagen.

Sin caché. Sin caché, su sitio reconstruye cada página desde cero para cada visitante, en lugar de servir una copia ya preparada.

Video y animación de reproducción automática. Los efectos llamativos se sienten modernos hasta que estancan la página en un teléfono de gama media con datos móviles.

Cómo medir su propia velocidad

No se puede arreglar lo que no se mide, y la buena noticia es que las mejores herramientas son gratuitas. Google PageSpeed Insights le proporciona sus Core Web Vitals para cualquier página junto con recomendaciones específicas y priorizadas. Los mismos datos aparecen en Google Search Console, que señala problemas de rendimiento en todo su sitio a lo largo del tiempo. Ejecute sus páginas más importantes (su página de inicio, sus principales páginas de productos o servicios, su página de pago) y generalmente encontrará que un puñado de problemas son responsables de la mayor parte del retraso. Combine estas lecturas técnicas con sus propias analíticas de sitio web, que revelan cómo se comportan los visitantes reales cuando las páginas son lentas: el rebote, el formulario abandonado, el proceso de pago incompleto.

Cómo hacer que su sitio sea más rápido

No necesita arreglarlo todo para sentir la diferencia. Abordar primero los mayores infractores suele generar la mayor parte de la ganancia.

1. Comprima y redimensione sus imágenes. Sirva las imágenes no más grandes de lo que se muestran, en formatos modernos y comprimidas. Este único paso transforma la mayoría de los sitios lentos.
2. Reduzca el código. Elimine los plugins y scripts que no necesite realmente, y cargue los no esenciales más tarde para que no impidan que la página aparezca.
3. Active el almacenamiento en caché. Permita que los visitantes que regresan y su servidor reutilicen copias ya preparadas de sus páginas en lugar de reconstruirlas cada vez.
4. Utilice un buen alojamiento y una red de entrega de contenido. Un alojamiento de calidad y una CDN que sirva su sitio desde ubicaciones cercanas a sus visitantes reducen el tiempo antes de que empiece a cargar cualquier cosa.
5. Reserve espacio para los elementos. Indicar al navegador cuánto espacio ocuparán las imágenes y los anuncios evita que la página salte y soluciona la mayoría de los problemas de cambio de diseño.
6. Manténgalo ligero con el tiempo. La velocidad no es una solución única. Las páginas se hinchan a medida que se acumulan el contenido y los plugins, por lo que el mantenimiento continuo del sitio web es importante para el rendimiento, no solo para la seguridad.

Mitos de la velocidad que le hacen perder el tiempo

Algunos mitos persistentes hacen que la gente busque soluciones equivocadas, por lo que vale la pena aclararlos.

"Una puntuación perfecta es el objetivo." No lo es. Perseguir un número impecable en una herramienta de prueba puede consumir horas para obtener ganancias que ningún visitante real notará. Apunte a "bueno" en las Core Web Vitals y a una sensación de rapidez genuina, luego deje de pulir y vuelva a su negocio.

"Mi sitio me parece rápido, así que está bien." Usted está probando en un dispositivo rápido, una buena conexión y una versión de la página que su navegador ya ha guardado en caché. Sus clientes no. Siempre pruebe en un teléfono de gama media con datos móviles para ver lo que realmente experimentan.

"La velocidad es puramente un problema del desarrollador." La solución más importante —el tamaño adecuado de las imágenes— suele ser una decisión de contenido, no de codificación. Muchas mejoras de velocidad están al alcance de quien gestione el sitio día a día.

Velocidad, móvil y el panorama general

Velocidad y móvil son inseparables. La mayor parte de su tráfico se realiza en teléfonos, a menudo con conexiones imperfectas, y ahí es precisamente donde los sitios lentos causan más daño, por lo que el rendimiento es una piedra angular del diseño web "mobile-first". También influye en la decisión de construir o comprar: un sitio bien construido, ya sea a partir de una plantilla o un diseño personalizado, trata la velocidad como un requisito desde el principio en lugar de un problema que solucionar más tarde (consulte constructor de sitios web vs. diseño web personalizado). Y debido a que un sitio rápido y estable mantiene a los visitantes avanzando hacia una acción en lugar de rebotar, la velocidad es una de las palancas más directas que tiene sobre si el tráfico se convierte en ingresos en absoluto (consulte qué debe incluir un buen sitio web).

Preguntas frecuentes

Conclusión

La velocidad del sitio web no es un detalle técnico para delegar y olvidar. Decide si los visitantes se quedan o rebotan, si los compradores completan la compra y qué tan bien compites en las búsquedas. Las Core Web Vitals de Google te dan un objetivo claro y sencillo: cargar el contenido principal en 2,5 segundos, responder a los toques en 200 milisegundos y evitar que la página se mueva. Mide con herramientas gratuitas, corrige primero los mayores problemas —casi siempre tus imágenes—, ignora los mitos y trata la velocidad como la disciplina constante que es. En un mundo de tres segundos, el sitio rápido gana.

Si deseas una revisión del rendimiento de tu sitio y un plan para solucionar lo que lo ralentiza, puedes explorar cómo lo aborda un servicio de diseño web personalizado o ponerse en contacto.

Referencias

1. Google / web.dev. “Web Vitals” (LCP, INP, CLS thresholds). web.dev.
2. Google Search Central. “Page Experience.” developers.google.com.
3. Think with Google. “Mobile Page Speed: New Industry Benchmarks.” thinkwithgoogle.com.
4. Baymard Institute. “Cart Abandonment Rate Statistics.” baymard.com.