Casi todos los dueños de negocio se enteran de que su web va lenta por un cliente, o por ver la de un competidor cargar más rápido en el mismo teléfono. Para entonces lleva un buen rato costando dinero, en silencio.
La buena noticia es que la velocidad es una de las pocas cosas de una web que puedes medir tú, en dos minutos y gratis, y las causas son casi siempre las mismas cinco.
Mídelo antes de creerle a nadie
Entra en PageSpeed Insights y pon tu dirección. Es la herramienta de Google y es gratis.
Mira la puntuación de móvil, no la de escritorio. Casi todo tu tráfico entra por teléfono, los teléfonos son más lentos que una laptop, y móvil es lo que Google usa para medirte.
Dos números importan más que la puntuación general:
Largest Contentful Paint. Cuánto tarda en aparecer lo principal de la pantalla. El umbral que Google considera bueno son 2,5 segundos. Pasar de 4 es un problema que se siente.
Cumulative Layout Shift. Si la página se mueve mientras carga. Si alguna vez fuiste a tocar un botón y una imagen te lo empujó de debajo del dedo, es esto. Molesta muchísimo y se evita por completo.
Apunta los dos números antes de que nadie te venda nada. Si quien te cotiza no sabe decirte cuáles son tus números actuales, está adivinando.
Por qué importa más allá del fastidio
La gente se va. Alguien parado en una esquina con una raya de señal no espera. Vuelve atrás y toca el siguiente resultado, que es tu competencia.
Google lo sabe. La velocidad forma parte de cómo Google ordena las páginas. No va a subir una web mala solo por ser rápida, pero entre dos negocios parecidos, el más rápido tiene una ventaja que se acumula.
Golpea justo a quien más te interesa. Las webs lentas castigan más a los teléfonos viejos y a las conexiones flojas, que en un barrio como el Bronx muchas veces significa castigar exactamente a los clientes a los que quieres llegar.
Causa uno: las imágenes, y no hay color
Es el motivo en la gran mayoría de los casos.
Los teléfonos de hoy toman fotos de cuatro o cinco megas cada una. Alguien sube una docena directamente del carrete, la página técnicamente funciona con el wifi de la oficina, y en un teléfono en la calle tarda quince segundos.
Tres arreglos, por orden de impacto:
- Redimensiona antes de subir. Una imagen que se ve a 800 píxeles de ancho no necesita medir 4.000. Nadie nota la diferencia y muchas veces son el 90% del archivo que desaparece.
- Usa un formato moderno. Los archivos WebP suelen pesar bastante menos que un JPEG con la misma calidad visible.
- Carga las imágenes de abajo solo cuando hagan falta. Lo que el visitante todavía no ha bajado a ver no tiene por qué llegar primero.
Si haces solo lo primero, la mayoría de las webs lentas de negocio pequeño pasan a ser aceptables.
Causa dos: la pila de plugins
Esto es propio de las webs hechas sobre un CMS, que son casi todas.
Cada plugin añade código que hay que descargar y ejecutar. Un plugin de formulario, un carrusel, un aviso de cookies, un chat, una herramienta de reservas, un paquete de analítica y un añadido de seguridad suman con facilidad más código que la propia página.
La prueba: lista tus plugins y pregunta qué está haciendo cada uno de verdad. Casi todas las webs tienen tres o cuatro que nadie usa desde hace dos años y que se siguen cargando en cada visita.
Causa tres: las tipografías
Las fuentes personalizadas se descargan antes de que el texto pueda verse con ellas. Carga cuatro pesos de dos familias distintas y ya has añadido un retraso real por algo que casi ningún visitante nota conscientemente.
Con dos familias sobra. Con dos o tres pesos de cada una, también.
Causa cuatro: todo lo que te observa
Analítica, píxeles, mapas de calor, chats y herramientas de pruebas A/B añaden cada uno código de terceros, y tú no controlas lo rápido que responden esos servidores. Un chat que nadie contesta es la peor versión de esto: cuesta velocidad en cada visita y no devuelve nada.
Quédate con los que de verdad miras. Quita el resto.
Causa cinco: alojamiento barato
Menos común de lo que la gente cree, pero real. Si el servidor tarda más de un segundo en responder antes de que nada pueda empezar a cargar, no hay optimización de imágenes que te salve.
PageSpeed Insights lo reporta como tiempo de respuesta del servidor. Si está alto y tus imágenes ya son pequeñas, ese es tu problema.
Lo que puedes arreglar esta semana sin rehacer nada
- Redimensiona y vuelve a subir tus cinco imágenes más pesadas
- Borra todos los plugins que no puedas justificar en voz alta
- Quita el chat si nadie lo contesta
- Reduce las tipografías a dos familias
- Ponle a cada imagen sus dimensiones para que la página deje de saltar
Esa lista, bien hecha, arregla buena parte de las webs lentas de negocio pequeño sin tocar el diseño.
Cuándo la respuesta es rehacerla
A veces el problema es la arquitectura. Si una web se construyó como un maquetador visual encima de una plantilla encima de un CMS, cada capa añade peso que ningún ajuste quita.
Como referencia, esto es lo que envía este sitio: 2,2 KB de JavaScript en total, un solo archivo. No 2,2 megas. Una web de negocio pequeño hecha sobre un CMS manda cientos de veces eso antes de dibujar nada.
No es porque seamos listos. Es porque el sitio está hecho de HTML y CSS sin ningún CMS debajo, así que no hay nada que descargar salvo la página que pediste. La contrapartida es real y conviene decirla: no puedes entrar a un panel y recambiar el estilo de todo el sitio tú mismo. Lo que recibes a cambio es una web rápida por construcción, sin plugins que actualizar, y que no se puede romper porque una extensión se quedó vieja.
Para un negocio local que necesita una web que cargue rápido, se vea bien y siga funcionando, esa contrapartida suele ser la correcta. Para un negocio que publica varias veces por semana y quiere autonomía total, no lo es.
Antes de pagarle a alguien por arreglarla
Saca tus números actuales de PageSpeed Insights y guárdalos. Después pregúntale a quien te cotice qué números espera dejarte. La velocidad es de las pocas partes de este trabajo donde el resultado lo puede medir cualquiera, y un estudio que no se compromete con una cifra te está diciendo algo.
¿Quieres que miremos la tuya? Mándanos la dirección y te decimos qué la está frenando, nos contrates o no.
También puedes ver siete sitios que hicimos y pasar cualquiera por la misma herramienta.