Por qué mi sitio carga lento: las causas reales y cuál te importa
La causa más habitual son las imágenes sin comprimir. Pero antes de tocar nada conviene saber cuál de las tres velocidades que se miden es la que te está costando clientes.
La respuesta corta
Si tu sitio carga lento, lo más probable es que sean las imágenes sin comprimir. Es la primera causa por amplio margen, es la más barata de arreglar y casi nadie empieza por ahí.
Una foto sacada del celular pesa entre 3 y 8 MB. Esa misma foto, preparada para web, pesa entre 100 y 300 KB: entre veinte y cincuenta veces menos, sin diferencia visible en pantalla. Multiplica eso por las diez fotos de tu portada y ya tienes explicada la lentitud.
No hay una velocidad, hay tres
Cuando una herramienta te da una nota única, está resumiendo tres cosas distintas que se miden por separado. Conviene saber cuál te está fallando, porque se arreglan de manera diferente.
- Cuánto tarda en aparecer lo principal. El tiempo hasta que se ve el elemento más grande de la pantalla, normalmente la foto o el titular de arriba. Debería estar bajo los 2,5 segundos. Es la que arruinan las imágenes.
- Cuánto tarda en responder cuando tocas algo. El retraso entre que aprietas un botón y pasa algo. Debería estar bajo los 200 milisegundos. Es la que arruina el exceso de JavaScript.
- Cuánto se mueve la página mientras carga. Ese salto que hace que aprietes lo que no querías porque el contenido se corrió. Es la que arruinan las imágenes sin ancho y alto declarados, y los banners que aparecen encima.
La tercera es la que más molesta a las personas reales y la que menos se mira. Se arregla declarando el tamaño de cada imagen en el código, que es un cambio de un minuto por imagen.
Las causas, en orden de frecuencia
1. Imágenes. Sin comprimir, en formato antiguo, y a menudo servidas en tamaño gigante para mostrarse pequeñas. El navegador igual descarga el archivo completo.
2. Scripts de terceros. Chat en vivo, píxel de publicidad, mapa incrustado, reproductor de video, fuentes cargadas desde otro servidor. Cada uno es una petición a un servidor que no controlas, y tu página espera.
3. El tema o la plantilla. Las plantillas que vienen con veinte diseños de ejemplo cargan el código de los veinte, uses uno o ninguno.
4. Los plugins. No por cantidad sino por cuáles. Un constructor visual pesado hace más daño que quince plugins pequeños.
5. El hosting. Último de la lista, y no por casualidad.
El malentendido del hosting
Es lo primero que te van a proponer, porque es lo que alguien te puede vender. Y en la mayoría de los casos no es lo que te falta.
Un hosting lento agrega unas décimas al principio de la carga. Una portada con doce fotos sin comprimir agrega segundos completos. Cambiar de servidor para mover décimas mientras dejas los segundos intactos es gastar plata en el lugar equivocado.
El hosting sí importa cuando el sitio tarda más de un segundo en responder antes de empezar a mostrar algo. Ahí sí, y ahí solamente.
Qué se arregla en una tarde y qué no
En una tarde: comprimir las imágenes que ya están subidas, declarar ancho y alto, quitar los scripts de terceros que ya no usas, activar la compresión en el servidor.
En más de una tarde: cambiar de tema, reemplazar un constructor visual, rehacer cómo se cargan las fuentes.
Empieza siempre por lo primero. Es habitual que la nota suba veinte o treinta puntos solo con eso, y no hayas tocado la estructura del sitio.
Se mide en el teléfono, no en tu computador
Google usa la versión móvil de tu sitio para posicionarte, y mide con una conexión y un procesador modestos. Tu sitio puede volar en tu computador con fibra y estar reprobando igual.
Si vas a mirar una sola nota, mira la de móvil. Es la que cuenta.
Lo que no importa
Llegar a 100. No hace falta y a veces no se puede sin romper cosas. Entre 90 y 100 no hay diferencia práctica para nadie; entre 30 y 70 sí la hay, y mucha. El objetivo es salir del rojo, no coleccionar puntos.
La nota de una sola medición. Varía entre intentos, porque depende del momento. Mide tres veces y quédate con la tendencia.
La velocidad es uno de los factores que Google usa para ordenar resultados, pero es de los últimos en la fila: primero mira si entiende de qué trata tu página. Un sitio rápido con contenido delgado sigue sin posicionar.
Preguntas frecuentes
¿Necesito llegar a 100 en PageSpeed?
No. Entre 90 y 100 no hay diferencia práctica para el visitante ni para el posicionamiento. La diferencia real está entre estar en rojo y estar en verde. El objetivo es salir del rojo, no coleccionar puntos.
¿Cambiar de hosting arregla la velocidad de mi sitio?
Casi nunca es lo que falta. Un hosting lento agrega décimas de segundo; una portada con imágenes sin comprimir agrega segundos completos. El hosting solo es el problema cuando el servidor tarda más de un segundo en responder antes de empezar a mostrar contenido.
¿Cuál es la causa más frecuente de un sitio lento?
Las imágenes sin comprimir. Una foto de celular pesa entre 3 y 8 MB; la misma foto preparada para web pesa entre 100 y 300 KB, sin diferencia visible en pantalla.
¿Se mide la velocidad en computador o en teléfono?
Google usa la versión móvil para posicionar y mide con una conexión y un procesador modestos. Si vas a mirar una sola nota, mira la de móvil.
Sin registro y sin instalar nada. Ves todos los problemas gratis; el informe con las soluciones cuesta $19.990.