Suma tus recursos y observa el tiempo de carga

Desarrolladores web y propietarios lo usan cuando una página parece lenta y necesitan entender el peso real de cada recurso.

Suma tus recursos y observa el tiempo de carga. No hace falta registrarse para obtener una salida clara y preparada para el trabajo.

Cómo usar

Introduce el ancho de banda de tu conexión en megabits por segundo.
Enumera cada recurso en su propia línea, con un nombre y un peso en kilobytes.
Ejecuta el cálculo para obtener el peso total y el tiempo de carga estimado.
Identifica los recursos más pesados para decidir qué optimizar.

Ejemplo

El propietario de un sitio quiere entender por qué una página de inicio parece lenta. Introduce un ancho de banda de 10 megabits por segundo y luego enumera style.css con 45 kilobytes, app.js con 120 y photo.jpg con 300. El resultado muestra qué recursos contribuyen más. Después puede decidir comprimir imágenes o aplazar un script.

Entrada

10
style.css ; 45
app.js ; 120
photo.jpg ; 300

Límites y formatos

El tiempo de carga es una estimación basada en el ancho de banda que introduces, no una medición real.
La lista de recursos debe estar completa o el total se subestimará.
La latencia, el alojamiento y las conexiones paralelas no se modelan en detalle.
Comprueba las unidades y el separador esperado entre el nombre y el peso.
Las cifras son indicativas y no sustituyen un análisis de red.

Dónde se procesa

El ancho de banda y la lista de recursos se procesan en el navegador. No se realiza ninguna solicitud externa para medir la página. El resultado aparece localmente y no se almacena después de que te vayas.

Preguntas frecuentes

¿El tiempo de carga mostrado es exacto?

No, es una estimación a partir del ancho de banda y los pesos que proporcionas. Las condiciones reales incluyen latencia, compresión y descargas paralelas. Usa la cifra para comparar escenarios en lugar de como medición final.

¿Cómo debo separar los nombres y los pesos?

La interfaz espera un punto y coma entre el nombre del recurso y su peso en kilobytes. Mantén cada recurso en una línea separada. Una línea mal formada puede distorsionar el total.

¿Debo incluir todos los recursos?

Sí, una lista completa ofrece un total más útil. Incluye imágenes, scripts, hojas de estilos, fuentes y archivos de terceros. Si falta un recurso pesado, la estimación parecerá mejor que la realidad.