Velocidad de carga: por qué pierdes leads en tres segundos

Resumen:

• El objetivo es abajo de dos segundos y medio en celular con datos móviles.
• Las imágenes sin optimizar son típicamente la mitad del problema.
• Cada segundo adicional cuesta entre siete y veinte por ciento de conversión.
• En tráfico pagado el daño es doble: pierdes el lead y pagaste el clic igual.
• Dos o tres días de optimización suelen bajar el tiempo a la mitad; rehacer el sitio por velocidad casi nunca se justifica.

La velocidad de carga se discute como un tema técnico y es un tema de dinero. Si pagas treinta pesos por clic y tu página tarda cinco segundos y medio en celular, una parte importante de esos clics no llega a ver tu oferta. El costo ya se causó en el momento del clic; lo que se perdió fue la oportunidad.

Lo que de verdad la hace lenta

Las imágenes. Es la causa número uno y la más fácil de arreglar. Una foto de producto subida directo de la cámara pesa cuatro o seis megabytes y se muestra en un espacio de seiscientos píxeles. La misma imagen, redimensionada y en formato moderno, pesa ochenta kilobytes y se ve igual. En un sitio con doce imágenes arriba, eso es la diferencia entre treinta y dos megabytes y uno.

Los scripts acumulados. Un sitio que lleva tres años suele traer cinco o seis códigos de medición, dos píxeles de redes que ya nadie usa, un chat, un mapa de calor y una herramienta de encuestas. Cada uno descarga su propio archivo y ejecuta su propio código antes de que la página termine. Revisar qué sigue en uso y quitar el resto es trabajo de una tarde.

El chat en vivo. Merece mención aparte porque es el peor ofensor individual en muchos sitios: pesa, se carga temprano y bloquea. La solución es cargarlo después de que el contenido principal esté visible, o solo cuando el visitante lleva unos segundos o hace scroll.

Las tipografías. Tres familias en cinco pesos cada una son quince archivos que el navegador baja antes de dibujar el texto. Dos pesos de una familia bastan para casi cualquier diseño.

El hosting. Un plan compartido de setenta pesos al mes con el servidor en otro continente agrega retraso en cada petición. Para un sitio que recibe tráfico pagado, un hosting decente en la región cuesta unos cuantos cientos de pesos mensuales y se paga con un lead.

Qué medir y con qué

Una advertencia sobre las herramientas de medición: el número que dan en escritorio con conexión de fibra no es el que viven tus visitantes. Hay que medir simulando celular de gama media con red lenta, que es donde está la mayoría del tráfico mexicano. La diferencia entre las dos mediciones suele ser de tres a cuatro veces.

El orden correcto de los arreglos

Primero, comprimir y redimensionar todas las imágenes, y que las que están abajo de la pantalla carguen cuando el visitante llegue a ellas. Segundo, inventariar los scripts y borrar los que no se usan. Tercero, diferir el chat y cualquier cosa que no sea indispensable para ver el contenido. Cuarto, reducir las tipografías. Quinto, activar caché y una red de distribución de contenido. Sexto, si después de todo eso sigue lento, revisar el hosting.

Los primeros tres pasos suelen dar el ochenta por ciento de la mejora y toman dos o tres días. Es la razón por la que recomendamos hacerlos antes de cualquier conversación sobre rehacer el sitio.

El caso de la clínica dental

Una clínica dental con cinco sucursales en el Estado de México gastaba setenta y cinco mil pesos mensuales en anuncios hacia una landing de citas. La landing pesaba once megabytes: nueve fotos de consultorio sin comprimir, un video de fondo de dieciocho megabytes que arrancaba solo, cuatro píxeles de medición y un chat.

En celular con datos tardaba nueve segundos en ser usable. El reporte de analítica mostraba sesenta y ocho por ciento de rebote con menos de tres segundos en página, que es la firma de alguien que se fue antes de ver nada.

Tres días de trabajo: imágenes comprimidas y en formato moderno, video de fondo sustituido por una imagen fija, dos píxeles eliminados, chat diferido. Peso final, novecientos kilobytes. Tiempo de carga en celular, dos punto uno segundos.

El mes siguiente, con el mismo presupuesto y los mismos anuncios: las citas agendadas pasaron de ciento cuatro a doscientas treinta y ocho, el costo por cita bajó de setecientos veintiún pesos a trescientos quince, y el rebote cayó a treinta y uno por ciento. El trabajo costó veintidós mil pesos y se pagó en nueve días.

¿Cuánto debe tardar en cargar una página?

Abajo de dos segundos y medio en celular con datos móviles, medido en el momento en que el visitante ya puede ver y usar el contenido principal. Arriba de cuatro segundos el abandono crece rápido, y arriba de seis se pierde a la mayoría de quien llega de un anuncio, porque esa persona no tiene lealtad a tu marca y tiene otras cinco pestañas.

¿Qué hace lenta a una página web?

En orden de culpa: imágenes sin optimizar, que suelen ser la mitad del problema; demasiados códigos de medición y chats cargando al mismo tiempo; tipografías pesadas que bloquean el dibujado; videos que empiezan a descargarse solos; y hosting barato con el servidor del otro lado del mundo. Las cinco se arreglan sin rehacer el sitio.

¿Cuánto se pierde por cada segundo de retraso?

Las mediciones de la industria apuntan a caídas de conversión de entre siete y veinte por ciento por segundo adicional, con el golpe más fuerte entre el segundo uno y el tres. En una landing con tráfico pagado el efecto es doble, porque el clic ya se pagó: pierdes la conversión y conservas el costo.

¿La velocidad afecta mi posición en Google?

Es un factor, y no el principal. Google usa métricas de experiencia de página como señal, pero una página lenta con el mejor contenido sobre un tema gana a una rápida y vacía. Donde la velocidad decide de verdad es en la conversión: el visitante abandona mucho antes de que Google te mueva de lugar.

¿Vale la pena invertir en optimizar la velocidad?

Casi siempre, porque es el trabajo con mejor retorno por hora que existe en un sitio que ya recibe tráfico. Comprimir imágenes, quitar scripts que nadie usa y cargar el chat después del contenido principal se hace en dos o tres días y suele bajar el tiempo de carga a la mitad. Rehacer el sitio para ganar velocidad, en cambio, rara vez se justifica solo por eso.