Calculadora del presupuesto de carga de página
Suma el peso de tu HTML, CSS, JavaScript, imágenes y fuentes, y comprueba si la página se mantiene dentro de un presupuesto de rendimiento razonable.
Tamaño de los recursos
Estado del presupuesto
Peso total de la página
Los presupuestos de rendimiento mantienen las páginas rápidas
Un presupuesto de rendimiento es un límite de cuánto puede pesar cada tipo de recurso. Fijar presupuestos por categoría, como 300 KB de JavaScript, 800 KB de imágenes y 1.5 MB en total, significa que quien añada peso a una página tiene que compensarlo en otro lado en lugar de dejar que crezca sin que nadie lo note.
Introduce el tamaño de cada tipo de recurso y la calculadora los suma, compara cada uno con su presupuesto y muestra de dónde viene el peso. Una categoría se marca como cerca del límite cuando supera su presupuesto hasta en un 50%, y como fuera de presupuesto por encima de eso.
Dónde encontrar tus cifras
- Abre tu página en Chrome, pulsa F12 y recarga con la pestaña Red (Network) abierta.
- Filtra por tipo (Doc, CSS, JS, Img, Font) y lee el tamaño transferido en la parte inferior.
- Haz la prueba con un perfil móvil, porque ahí es donde más perjudican las páginas pesadas.
Por qué JavaScript tiene el presupuesto más ajustado
Un kilobyte de JavaScript cuesta más que un kilobyte de imagen. El navegador tiene que descargarlo, analizarlo y ejecutarlo, y ese trabajo bloquea el hilo principal y retrasa la interacción. Las imágenes cuestan sobre todo tiempo de descarga. Por eso el presupuesto de JavaScript es el más pequeño de los tres.
Preguntas frecuentes
¿Son realistas estos presupuestos?
Sí para la mayoría de las páginas de marketing y comercio electrónico, que pueden mantenerse en torno a 1.5 MB en total. Los paneles con funciones de aplicación suelen pesar más, de 2 a 3 MB, así que ajusta tus expectativas en esos casos.
¿Debo usar los tamaños comprimidos o sin comprimir?
Usa el tamaño transferido (comprimido) de la pestaña Red. Es lo que los visitantes descargan realmente.
¿Mantenerse dentro del presupuesto garantiza buenas Core Web Vitals?
No. Los presupuestos reducen el riesgo, pero los recursos que bloquean el renderizado, los servidores lentos y los cambios de diseño también importan. Considera el presupuesto como una salvaguarda más, junto con los datos reales de campo.