Budget Calc
Define un presupuesto de rendimiento por tipo de recurso y ve el tiempo de descarga estimado por categoría.
Perfil y presupuesto
Impacto estimado
¿Qué es un presupuesto de rendimiento?
Un presupuesto de rendimiento es un límite que te impones tú mismo sobre cuánto puede pesar una página web — un tamaño máximo, en kilobytes, para cada tipo de recurso (JavaScript, CSS, imágenes, fuentes). Definir uno de antemano te da una alerta temprana cuando una página se está volviendo demasiado pesada, en vez de enterarte recién cuando los usuarios empiezan a quejarse de que carga lento. Esta herramienta te deja definir un presupuesto por tipo de recurso y ver el tiempo de descarga estimado que eso representa en una conexión real.
Cómo usar Budget Calc
- Elige un Perfil de red (4G rápido, 4G lento o 3G).
- Ingresa tu presupuesto en KB para JavaScript, CSS, Imágenes, Fuentes y Otro.
- Opcionalmente ingresa el tamaño actual de tu página por categoría para compararlo con el presupuesto.
- Revisa el panel de Impacto estimado para ver el tiempo de descarga total y el detalle de qué categorías están por encima o por debajo del presupuesto.
Cómo funciona la estimación de presupuesto
El tiempo de descarga se estima igual que lo hacen las herramientas de throttling de red: convierte el presupuesto en bytes a bits, luego divide por el throughput de la conexión en bits por segundo.
tiempo (segundos) = (presupuesto_KB × 8) ÷ throughput_Kbps Ejemplo: 500 KB de presupuesto total en un perfil 4G lento (~400 Kbps) tiempo = (500 × 8) ÷ 400 = 10 segundos
El tamaño en bytes por sí solo no cuenta toda la historia. Según el modelo de rendimiento RAIL, JavaScript es desproporcionadamente costoso frente a imágenes o fuentes del mismo tamaño: las imágenes solo necesitan decodificarse y pintarse, mientras que el JS debe ser parseado, compilado y ejecutado por el hilo principal antes de hacer algo — en una CPU móvil de gama media, ese overhead de procesamiento por KB es mucho mayor que el de otros tipos de recurso. Por eso los presupuestos de rendimiento reales suelen limitar el JS más estrictamente que el peso de imágenes, incluso con el mismo tamaño en bytes.
Preguntas frecuentes
¿Por qué JavaScript cuesta más de lo que sugiere su tamaño?
A diferencia de las imágenes o fuentes, los bytes de JS deben ser parseados, compilados y ejecutados por la CPU del dispositivo antes de hacer nada — en un móvil de gama media ese costo de procesamiento por KB es mucho mayor que el de las imágenes, por eso los presupuestos de rendimiento suelen limitar el JS más estrictamente que el peso de imágenes, incluso con el mismo tamaño en bytes.
¿De dónde salen los perfiles de velocidad de red?
Son cifras de throughput redondeadas y representativas para clases de conexión comunes (4G rápido, 4G lento, 3G), similares a los perfiles usados por las herramientas de desarrollador y el throttling estilo Lighthouse. Tómalos como aproximados, no como garantía de ningún operador o dispositivo específico.
¿La estimación de impacto es una medición de laboratorio real?
No. Es un modelo aproximado basado solo en el tiempo de descarga de los bytes ingresados, asumiendo una conexión secuencial única. Métricas reales de carga como FCP y LCP también dependen del orden de las peticiones, recursos que bloquean el render, tiempo de parseo/ejecución y otras peticiones — usa un perfilador real (como Lighthouse) para números de laboratorio precisos.
¿Puedo comparar el tamaño actual de mi página contra un presupuesto?
Sí. Ingresa el tamaño actual de tu página por categoría junto al presupuesto, y el gráfico muestra qué categorías están por encima o por debajo del presupuesto.