Calculadora de peso máximo de página web: tu presupuesto de rendimiento en MB
Convierte un tiempo de carga objetivo y una velocidad de conexión en un peso máximo para tu página web (performance budget) y comprueba si tu página actual cabe.
Cómo funciona
Segundos útiles = tiempo objetivo × (1 − reserva %) · Presupuesto (MB) = velocidad (Mbps) × 1,000,000 ÷ 8 × segundos útiles ÷ 1,024²
Un presupuesto de rendimiento (performance budget) convierte una meta de tiempo de carga en un límite de bytes. Toma tu tiempo objetivo, réstale la parte que se come la conexión (DNS, TLS e idas y vueltas antes de que fluyan los datos) y multiplica los segundos restantes por la velocidad para saber cuántos bytes te puedes permitir. Como los Mbps son megabits, divide entre 8 para pasar a bytes. Calcular con una velocidad móvil prudente, y no con la fibra de la oficina, es lo que mantiene la página rápida para quienes tienen más probabilidad de abandonarla.
Ejemplo resuelto
Javier quiere que su landing cargue en 2.5 s con una conexión de 8 Mbps y reserva un 20% para latencia: le quedan 2.0 s útiles. En ese tiempo caben 8 × 1,000,000 ÷ 8 × 2.0 = 2,000,000 bytes, unos 1.91 MB (1,953 KB). Su página pesa 1.6 MB, así que cabe con 0.31 MB de sobra.
Preguntas frecuentes
¿Por qué reservar tiempo para la latencia?
Antes de que llegue el primer byte de la página, el navegador gasta tiempo en DNS, en el saludo TCP/TLS y en la primera ida y vuelta al servidor, a menudo varios cientos de milisegundos en móvil. Reservar entre 15% y 25% del presupuesto mantiene la estimación honesta; súbelo si tu página se conecta a muchos servicios de terceros.
¿Con qué velocidad debo calcular?
Con una cercana al extremo lento de tu público real, no con la mediana. Una opción común es un perfil 4G limitado a unos 5 Mbps, que protege a quienes navegan en redes saturadas o rurales, los primeros en abandonar una página pesada.
¿La compresión cuenta?
El presupuesto se refiere a los bytes que viajan por la red, así que usa el tamaño comprimido (gzip o brotli) que reportan las herramientas de desarrollo, no el tamaño del código fuente sin comprimir. Activar la compresión de texto es de las formas más baratas de entrar en el presupuesto.
Calculadoras relacionadas
Esta calculadora tiene fines informativos. Verifica los resultados importantes antes de tomar decisiones.