Calculadora de presupuesto de caché PWA
Introduce las URL de tu manifiesto de precaché de la PWA y define tu presupuesto de caché para calcular el tamaño total de caché, el ahorro con GZIP y Brotli de cada tipo de recurso, y obtener recomendaciones concretas sobre qué recursos excluir para mantenerte dentro del presupuesto. Totamente en tu navegador: sin peticiones de red y sin registro.
Enter the URLs in your PWA precache manifest and set your cache budget. The calculator estimates total cache size, shows GZIP and Brotli savings per asset, and recommends which assets to exclude to stay within budget. Runs entirely in your browser - no network requests, no signup required.
Leave "Known size" blank to use typical sizes for each asset type. Enter the actual file size in KB for more accurate results.
¿Por qué usar nuestra calculadora de presupuesto de caché PWA?
- Cálculo instantáneo del presupuesto de caché: pega tu lista de URL de precaché, define tu presupuesto y ve al instante el tamaño total de caché, el ahorro con GZIP y Brotli y qué recursos excluir, todo en un clic.
- Calculadora de presupuesto de caché PWA online segura: todo el cálculo se ejecuta en tu navegador. No se descarga ninguna URL y ningún dato sale de tu dispositivo: es seguro analizar manifiestos internos, de preproducción o de producción.
- Recomendaciones inteligentes de exclusión: cuando tu precaché supera el presupuesto, la calculadora recomienda qué recursos pasar a la caché en tiempo de ejecución, dando prioridad al HTML, CSS y JS críticos por delante de archivos multimedia grandes.
- 100 % gratis para siempre: calcula tantos presupuestos de caché PWA como necesites, totalmente gratis. Sin cuenta, sin suscripción, sin límites y sin anuncios.
¿Qué es una calculadora de presupuesto de caché PWA?
Una calculadora de presupuesto de caché PWA calcula el almacenamiento total que consume una lista de URL de un manifiesto de precaché de service worker y lo compara con un presupuesto configurable, mostrando qué recursos conviene excluir para mantenerse dentro del límite. Nuestra calculadora gratis funciona enteramente en tu navegador, detecta cada tipo de recurso por la extensión de la URL, aplica ratios de compresión típicos y recomienda qué recursos pasar a la caché en tiempo de ejecución cuando se supera el presupuesto.
Cómo funciona nuestra calculadora de presupuesto de caché PWA
- Introduce tus URL y el presupuesto: pega las URL de tu manifiesto de precaché del service worker, una por línea. Define tu presupuesto de caché en MB (50 MB por defecto). Opcionalmente, introduce el tamaño conocido del archivo en KB para cada URL.
- Cálculo instantáneo en el navegador: haz clic en «Calcular presupuesto de caché»; la herramienta detecta cada tipo de recurso, aplica ratios de compresión típicos, calcula el tamaño total de caché y lo compara con tu presupuesto. No se hace ninguna petición de red.
- Revisa las recomendaciones de exclusión: los recursos que te hacen superar el presupuesto se marcan para exclusión, dando prioridad al HTML, CSS y JS críticos y recomendando archivos multimedia grandes para la caché en tiempo de ejecución.
Qué se analiza
- Detección del tipo de recurso: las extensiones de las URL clasifican cada recurso como HTML, CSS, JS, JSON, imagen de mapa de bits, SVG, fuente, audio, vídeo o binario.
- Ratios de compresión: cada tipo de recurso tiene ratios típicos de GZIP y Brotli; los recursos de texto se comprimen un 70-85 %, mientras que los formatos binarios apenas ganan nada con la compresión HTTP.
- Cumplimiento del presupuesto: la calculadora ordena los recursos por prioridad (crítica → alta → media → baja) y marca los de menor prioridad para exclusión cuando el total supera tu presupuesto.
- Estrategia por recurso: cada recurso recibe una recomendación concreta, desde activar Brotli hasta cambiar a WOFF2 para fuentes o a WebP para imágenes.
Cuotas de almacenamiento de la caché PWA
Los navegadores imponen cuotas de almacenamiento a las cachés de service worker. Chrome y Edge permiten hasta el 60 % del espacio libre en disco, pero la recomendación práctica es mantener el precaché inicial por debajo de 50 MB para una buena experiencia de usuario en dispositivos móviles. Los manifiestos de precaché grandes retrasan el evento de instalación del service worker y pueden provocar errores de cuota en dispositivos con poco almacenamiento. Usa esta calculadora de presupuesto de caché PWA para mantener tu precaché ligero: pasa los archivos de audio, vídeo e imágenes no críticas grandes a la caché en tiempo de ejecución en lugar de precargarlos.
Preguntas frecuentes
Una calculadora de presupuesto de caché PWA calcula el almacenamiento total que consume una lista de URL de un manifiesto de precaché de service worker y lo compara con un presupuesto configurable, mostrando qué recursos conviene excluir para mantenerse dentro del límite. Nuestra calculadora online gratis funciona enteramente en tu navegador: no se hace ninguna petición de red y ningún dato sale de tu dispositivo.
No. La calculadora estima los tamaños según la extensión del archivo de la URL y los tamaños típicos de cada tipo de recurso. Si conoces el tamaño real del archivo, escríbelo en la columna «Tamaño conocido (KB)» para obtener una estimación más precisa. Este enfoque funciona sin acceso a la red y es seguro para URL internas o de preproducción.
Sí, la privacidad completa está garantizada. Todo el cálculo se ejecuta en el lado del cliente, en tu navegador. No se descarga ninguna URL y ningún dato sale de tu dispositivo: es seguro analizar URL internas, de preproducción o de producción que puedan contener rutas sensibles.
Sí. La calculadora es 100 % gratis, sin registro, sin suscripción, sin límites de URL y sin anuncios. Puedes calcular tantos presupuestos de caché PWA como necesites.
La recomendación práctica es mantener el precaché inicial por debajo de 50 MB para una buena experiencia de usuario en dispositivos móviles. Chrome y Edge permiten hasta el 60 % del espacio libre en disco, pero los dispositivos con poco almacenamiento pueden tener mucho menos. Los manifiestos de precaché grandes también retrasan el evento de instalación del service worker, lo que puede perjudicar el rendimiento de la primera carga.
La calculadora ordena los recursos por prioridad: HTML, CSS y JS se consideran críticos y se conservan primero. JSON y SVG son de prioridad alta. Las imágenes de mapa de bits y las fuentes son de prioridad media. Los archivos de audio, vídeo y binarios son de prioridad baja y son los primeros candidatos a exclusión cuando el total supera tu presupuesto.
Las imágenes de mapa de bits (JPEG, PNG, WebP, AVIF) y los archivos de audio/vídeo ya están comprimidos con sus propios códecs: aplicarles compresión HTTP apenas aporta nada y desperdicia CPU. Las fuentes WOFF2 ya están comprimidas internamente con Brotli. Para estos tipos de recurso, la herramienta recomienda optimizaciones a nivel de formato.
Si usas Workbox, el manifiesto de precaché se genera durante el proceso de compilación: busca el archivo workbox-precache-manifest.*.js o el manifiesto inyectado en tu service worker. Para service workers manuales, enumera las URL que pasas a cache.addAll() en tu manejador del evento install.
Los recursos marcados para exclusión deberían pasar del precaché a la caché en tiempo de ejecución. En Workbox, usa registerRoute() con una estrategia de caché como StaleWhileRevalidate o CacheFirst para estos recursos. La caché en tiempo de ejecución los guarda a demanda a medida que el usuario navega, en lugar de descargar todo por adelantado durante el evento de instalación.