- Web
- Rendimiento
Tu página tarda ocho segundos en cargar y no te has dado cuenta
Casi siempre es la foto de portada, casi siempre nadie la miró, y casi siempre se arregla en una tarde. Un caso real: de 29 MB a 717 KB.
Tú abres tu página y carga al instante. Tu diseñador la abre y carga al instante. Todos en la oficina dicen que se ve bien.
Y sin embargo pierdes visitas.
La explicación de fondo casi siempre es la misma: tú no eres tu cliente. Tú abres tu sitio desde una oficina con fibra, en un computador, y con todo guardado en la memoria del navegador porque lo visitaste cien veces. Tu cliente lo abre desde el celular, en la calle, con señal irregular, y por primera vez.
Un caso real, con números
Un sitio de una fábrica de carros de arrastre en Pucón tenía una foto de portada excelente: nítida, grande, bien tomada.
Pesaba 29 megabytes.
Para dimensionarlo: una canción son unos 4 MB. Esa foto eran siete canciones. Descargándose antes de que se viera nada de la página, en el celular de alguien parado en la calle.
La misma foto, procesada correctamente, quedó en 717 kilobytes. Es 40 veces menos. Y en pantalla no se nota la diferencia: la imagen se ve igual de nítida.
La misma foto de portada, antes y después
- Como salió de la cámara — siete canciones
- 29 MB
- Procesada — se ve igual de nítida
- 717 KB
Nadie había hecho nada mal a propósito. Simplemente la foto salió de la cámara con ese tamaño, se subió tal cual, y nadie volvió a mirar.
Cómo saber si te pasa a ti (dos minutos)
No necesitas herramientas raras.
La prueba del celular ajeno. Toma el teléfono de alguien que nunca haya entrado a tu sitio. Desconéctalo del wifi. Abre tu página y cuenta en voz alta: mil uno, mil dos, mil tres. Si llegas a mil cuatro y todavía no ves nada, tienes un problema.
La prueba del navegador. En tu computador, abre tu página, aprieta F12, anda a la pestaña “Network” o “Red”, y recarga. Abajo aparece el peso total. Si pasa de 3 MB, hay trabajo que hacer. Si pasa de 10 MB, hay una foto sin optimizar en alguna parte.
Ordena por tamaño. En esa misma pestaña, haz clic en la columna de tamaño. Lo que aparezca arriba es tu problema, y en el 80% de los casos es una imagen.
Las tres causas, en orden de frecuencia
1. Fotos directo de la cámara
Una cámara moderna entrega fotos de 5.000 o 6.000 píxeles de ancho. La pantalla más grande donde se va a ver tu sitio tiene 2.560. En el celular, 400.
Estás mandando una imagen ocho veces más grande de lo que cualquiera va a ver. Y el navegador tiene que descargarla completa antes de achicarla.
La corrección: redimensionar a lo que de verdad se necesita, comprimir, y servir una versión distinta según el tamaño de pantalla.
2. El PDF del catálogo
El segundo sospechoso. En ese mismo proyecto, el catálogo pesaba 13 MB. Comprimido quedó en 1,5 MB con sus nueve páginas intactas y sin pérdida visible.
Un cliente en la calle no descarga 13 MB. Cierra la pestaña.
3. Todo lo que el sitio carga y no usa
Tipografías que no aparecen en ninguna parte, librerías que llegaron con una plantilla, chats y píxeles que alguien instaló hace dos años para una campaña que ya terminó.
Esto es menos visible que una foto pesada, pero suma. En temas de WordPress con constructor visual es normal encontrar cerca de un megabyte de código por página, del que se usa una fracción.
Una trampa que vale la pena conocer
Muchos hostings guardan copias de tus archivos para servirlos más rápido. Eso es bueno, salvo cuando actualizas algo.
En el proyecto que menciono, el hosting guardaba las hojas de estilo y el código por 30 días. O sea: cambias el sitio, lo subes, lo abres, y sigues viendo el anterior. Durante un mes.
La solución es agregarle una versión al nombre del archivo —algo como estilos.css?v=20260818— para
que el navegador lo trate como un archivo nuevo. Es un detalle de dos minutos que evita una semana de
“pero si yo lo cambié”.
Lo que no hay que hacer
No actives todas las optimizaciones de golpe. En sitios con WordPress y constructores visuales, las opciones de “minificar” y “combinar” archivos pueden romper el diseño de formas que no se notan al tiro: un formulario que deja de enviar, un menú que no abre en celular.
Si tienes campañas corriendo, romper el sitio cuesta mucho más que lo que ahorran unos kilobytes. Se activa una opción a la vez, se revisa el sitio completo, y recién ahí la siguiente.
Lo mínimo que deberías hacer esta semana
-
Mide
El peso de tu página con F12. Anota el número.
-
Ordena por tamaño
Y mira qué está arriba de la lista.
-
Reduce
Si es una imagen de más de 1 MB, esa es la culpable.
-
Vuelve a medir
Sin este paso no sabes si sirvió.
Con eso solo, la mayoría de los sitios de negocios chicos bajan a la mitad. Y la mitad del peso es, literalmente, la mitad de la espera para alguien que está decidiendo si te escribe o cierra la pestaña.
Martín Novoa
Dirige Vibrando con el Código · fundador y CEO de UnionX