Saltar al contenido
MasterMath

Calculadora del tiempo de carga de una página

Cuánto tarda en cargar una página según su peso, la conexión y —sobre todo— la latencia.

Tiempo de carga

—

Tiempo de carga—
Descargando—
Esperando por las peticiones—
Saludo inicial—
Del total, esperando—
Lo mismo sin HTTP/2—

Cómo se ha calculado

    La fórmula

    tiempo = peso ÷ ancho de banda + latencia × tandas + saludo

    De dónde sale

    El peso dividido entre el ancho de banda solo explica una parte del tiempo. La otra la pone la latencia, que se paga una vez por cada viaje de ida y vuelta: primero el saludo TCP y TLS, que son tres o cuatro viajes antes del primer byte, y después cada tanda de peticiones. Sin multiplexado, el navegador abre seis conexiones y con cien recursos hay diecisiete tandas: con cincuenta milisegundos de ping son casi novecientos milisegundos que no dependen del tamaño de nada.

    Cómo calcularlo a mano

    1. Pasa el peso a bits y divide entre la velocidad en bits por segundo
    2. Suma el saludo inicial: unos tres viajes de ida y vuelta
    3. Suma la espera de las peticiones, en tandas si no hay multiplexado
    4. La suma es el tiempo hasta que la página está completa

    Lo que conviene saber

    De aquí sale la decisión más útil para acelerar una web: mirar qué parte del tiempo es esperar y cuál es descargar. Si la espera manda, adelgazar las imágenes no arregla nada y lo que hay que reducir es el número de peticiones o acercar el servidor. Si manda la transferencia, entonces sí toca comprimir y recortar. Esta cuenta además es optimista a propósito: supone que todo se descarga en paralelo y no cuenta el tiempo de ejecutar el JavaScript ni de pintar, que en una página moderna cargada de scripts puede ser la mitad del tiempo que percibe quien espera. Para eso están las métricas reales del navegador.

    Preguntas frecuentes

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

    Por debajo de dos segundos y medio para el contenido principal es la referencia habitual. Más allá de tres, la gente empieza a irse.

    ¿Por qué mi web va lenta si pesa poco?

    Casi siempre por la latencia y el número de peticiones. Con cien recursos y 50 ms de ping se pierde casi un segundo solo esperando.

    ¿Qué es el saludo TCP y TLS?

    Los viajes de ida y vuelta que hacen falta para abrir la conexión y cifrarla antes de recibir el primer byte: tres o cuatro pings.

    ¿Cuánto mejora HTTP/2?

    Elimina las tandas de peticiones porque las multiplexa sobre una conexión. En una página con muchos recursos, puede ahorrar cientos de milisegundos.

    ¿Conviene reducir peso o peticiones?

    Depende de cuál mande. Esta calculadora lo dice: si esperar es más de la mitad del tiempo, reduce peticiones antes que kilobytes.

    ¿Esta cuenta incluye el JavaScript?

    No. Solo mide la red. Ejecutar los scripts y pintar puede ser la mitad del tiempo percibido en una página cargada de código.