Budget Calc
Define un presupuesto de rendimiento por tipo de recurso y ve el tiempo de descarga estimado por categoria.
Perfil y presupuesto
Impacto estimado
Como funciona la estimacion 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 conexion 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 tamano en bytes por si solo no cuenta toda la historia. Segun el modelo de rendimiento RAIL, JavaScript es desproporcionadamente costoso frente a imagenes o fuentes del mismo tamano: las imagenes 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 movil 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 mas estrictamente que el peso de imagenes, incluso con el mismo tamano en bytes.
Preguntas frecuentes
Por que JavaScript cuesta mas de lo que sugiere su tamano?
A diferencia de imagenes o fuentes, los bytes de JS deben ser parseados, compilados y ejecutados por la CPU del dispositivo antes de hacer nada — en un movil de gama media ese costo de procesamiento por KB es mucho mayor que el de las imagenes, por eso los presupuestos de rendimiento suelen limitar el JS mas estrictamente que el peso de imagenes, incluso con el mismo tamano en bytes.
De donde salen los perfiles de velocidad de red?
Son cifras de throughput redondeadas y representativas para clases de conexion comunes (4G rapido, 4G lento, 3G), similares a los perfiles usados por las herramientas de desarrollador y el throttling estilo Lighthouse. Tomalos como aproximados, no como garantia de ningun operador o dispositivo especifico.
La estimacion de impacto es una medicion de laboratorio real?
No. Es un modelo aproximado basado solo en el tiempo de descarga de los bytes ingresados, asumiendo una conexion secuencial unica. Metricas reales de carga como FCP y LCP tambien dependen del orden de las peticiones, recursos que bloquean el render, tiempo de parseo/ejecucion y otras peticiones — usa un perfilador real (como Lighthouse) para numeros de laboratorio precisos.
Puedo comparar el tamano actual de mi pagina contra un presupuesto?
Si. Ingresa el tamano actual de tu pagina por categoria junto al presupuesto, y el grafico muestra que categorias estan por encima o por debajo del presupuesto.