Velocidad EE3

Estimación del tiempo de carga basada en el peso de la página y el ancho de banda. Incluye aproximación de latencia y rendimiento real.

Abrir Velocidad-ee3

Concepto general

Cuando hablamos de tiempo de carga de una página web, lo que realmente medimos es cuánto tarda en descargarse y mostrarse en el navegador. Ese tiempo depende de varios factores:

  1. Peso de la página (MB)
    • Es el tamaño total de todos los recursos: HTML, CSS, JavaScript, imágenes, fuentes, etc.
    • Cuanto más grande sea, más datos hay que transferir.
  2. Ancho de banda (Mbps)
    • Es la velocidad de la conexión de red disponible.
    • Se mide en megabits por segundo (ojo: 1 byte = 8 bits).
    • A mayor ancho de banda, más rápido se transfieren los datos.

Fórmula básica

El tiempo de descarga puro se calcula así:

Tiempo de descarga (s)=Peso de la paˊgina (MB)×8Ancho de banda (Mbps)

Ejemplo:

  • Página de 2 MB
  • Conexión de 20 Mbps

2×820=0.8 segundos

Latencia

  • La latencia es el retraso que introduce la red en cada petición (RTT: Round Trip Time).
  • Aunque tengas mucho ancho de banda, si la latencia es alta (ej. 200 ms en redes móviles), cada recurso tarda más en empezar a descargarse.
  • Por eso se añade una aproximación de latencia al cálculo.

Rendimiento real

En la práctica, el tiempo de carga no es solo descarga + latencia. También influyen:

  • Número de peticiones (cada imagen, script, fuente es una petición).
  • Conexiones paralelas (los navegadores abren varias conexiones a la vez, pero no infinitas).
  • Protocolos (HTTP/2 y HTTP/3 reducen overhead).
  • Eficiencia de red (compresión, caché, TCP slow-start).

Por eso se aplica un factor de eficiencia (ej. 85%) para acercarse más a la realidad.

El tamaño total de una página web en MB se mide sumando el peso de todos los recursos que el navegador descarga para mostrarla. Te lo explico en detalle:

🔍 Qué se mide exactamente

  • HTML principal (el documento base).
  • CSS (hojas de estilo).
  • JavaScript (scripts).
  • Imágenes (PNG, JPG, SVG, WebP, etc.).
  • Fuentes web (tipografías).
  • Otros recursos (videos, audios, iconos, etc.).

Cada archivo tiene un tamaño en bytes. La suma de todos esos bytes se convierte a megabytes (MB):

1 MB=1024×1024 bytes≈1,048,576 bytes

Cómo medirlo en la práctica

  1. Herramientas del navegador (DevTools)
    • Abres la página en Chrome/Firefox.
    • Pulsa F12 → pestaña Network.
    • Recarga la página.
    • En la parte inferior verás el Total transferido (suma de todos los recursos).
    • Ese número lo conviertes a MB.
  2. Servicios online
    • Herramientas como GTmetrix, Pingdom Tools o WebPageTest te dan el tamaño total de la página y un desglose por tipo de recurso.
  3. Línea de comandos (para desarrolladores)
    • Usando wget o curl puedes descargar la página y medir el tamaño de los archivos.
    • Ejemplo: wget --page-requisites --span-hosts URL descarga todo y luego puedes calcular el peso con du -sh.

Ejemplo real

  • Página con:
    • HTML: 100 KB
    • CSS: 200 KB
    • JS: 1.5 MB
    • Imágenes: 3 MB
    • Fuentes: 500 KB

Total = 5.3 MB

Visitas:127
Publicidad