Calculateur de budget de cache PWA
Saisissez les URL de votre manifeste de précache PWA et définissez votre budget de cache pour calculer la taille totale du cache, les économies GZIP et Brotli par type de ressource, et obtenir des recommandations précises sur les ressources à exclure pour rester dans le budget. Fonctionne entièrement dans votre navigateur : aucune requête réseau, aucune inscription.
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.
Pourquoi utiliser notre calculateur de budget de cache PWA ?
- Calcul instantané du budget de cache : collez votre liste d'URL de précache, définissez votre budget et voyez instantanément la taille totale du cache, les économies GZIP et Brotli et les ressources à exclure, en un clic.
- Calculateur de budget de cache PWA en ligne sécurisé : tout le calcul s'exécute dans votre navigateur. Aucune URL n'est récupérée et aucune donnée ne quitte votre appareil : vous pouvez analyser sans risque des manifestes internes, de préproduction ou de production.
- Recommandations d'exclusion intelligentes : quand votre précache dépasse le budget, le calculateur recommande les ressources à basculer vers le cache d'exécution, en priorisant le HTML, le CSS et le JS critiques plutôt que les gros fichiers multimédias.
- 100 % gratuit pour toujours : calculez autant de budgets de cache PWA que vous le souhaitez, entièrement gratuitement. Sans compte, sans abonnement, sans limite et sans publicité.
Qu'est-ce qu'un calculateur de budget de cache PWA ?
Un calculateur de budget de cache PWA calcule le stockage total consommé par une liste d'URL d'un manifeste de précache de service worker et le compare à un budget configurable, en indiquant les ressources à exclure pour rester dans la limite. Notre calculateur gratuit fonctionne entièrement dans votre navigateur, détecte chaque type de ressource à partir de l'extension d'URL, applique des taux de compression typiques et recommande les ressources à basculer vers le cache d'exécution quand le budget est dépassé.
Comment fonctionne notre calculateur de budget de cache PWA
- Saisissez vos URL et votre budget : collez les URL de votre manifeste de précache de service worker, une par ligne. Définissez votre budget de cache en Mo (50 Mo par défaut). Vous pouvez aussi saisir la taille connue du fichier en Ko pour chaque URL.
- Calcul instantané dans le navigateur : cliquez sur « Calculer le budget de cache » ; l'outil détecte chaque type de ressource, applique des taux de compression typiques, calcule la taille totale du cache et la compare à votre budget. Aucune requête réseau n'est effectuée.
- Examinez les recommandations d'exclusion : les ressources qui vous font dépasser le budget sont marquées pour exclusion, en priorisant le HTML, le CSS et le JS critiques et en recommandant les gros fichiers multimédias pour le cache d'exécution.
Ce qui est analysé
- Détection du type de ressource : les extensions d'URL classent chaque ressource en HTML, CSS, JS, JSON, image matricielle, SVG, police, audio, vidéo ou binaire.
- Taux de compression : chaque type de ressource a des taux typiques de GZIP et Brotli ; les ressources texte se compressent de 70 à 85 %, tandis que les formats binaires ne gagnent presque rien à la compression HTTP.
- Respect du budget : le calculateur trie les ressources par priorité (critique → élevée → moyenne → faible) et marque les ressources de plus faible priorité pour exclusion quand le total dépasse votre budget.
- Stratégie par ressource : chaque ressource reçoit une recommandation précise, depuis l'activation de Brotli jusqu'au passage à WOFF2 pour les polices ou à WebP pour les images.
Quotas de stockage du cache PWA
Les navigateurs imposent des quotas de stockage aux caches de service worker. Chrome et Edge autorisent jusqu'à 60 % de l'espace disque disponible, mais la recommandation pratique est de garder votre précache initial sous 50 Mo pour une bonne expérience utilisateur sur mobile. Les gros manifestes de précache retardent l'événement install du service worker et peuvent provoquer des erreurs de quota sur les appareils peu dotés en stockage. Utilisez ce calculateur de budget de cache PWA pour garder votre précache léger : basculez les gros fichiers audio, vidéo et les images non critiques vers le cache d'exécution plutôt que de les précacher.
Foire aux questions
Un calculateur de budget de cache PWA calcule le stockage total consommé par une liste d'URL d'un manifeste de précache de service worker et le compare à un budget configurable, en indiquant les ressources à exclure pour rester dans la limite. Notre calculateur en ligne gratuit fonctionne entièrement dans votre navigateur : aucune requête réseau n'est effectuée et aucune donnée ne quitte votre appareil.
Non. Le calculateur estime les tailles à partir de l'extension de fichier de l'URL et des tailles typiques de chaque type de ressource. Si vous connaissez la taille réelle du fichier, saisissez-la dans la colonne « Taille connue (Ko) » pour une estimation plus précise. Cette approche fonctionne sans accès réseau et convient aux URL internes ou de préproduction.
Oui, une confidentialité totale est garantie. Tout le calcul s'exécute côté client dans votre navigateur. Aucune URL n'est récupérée et aucune donnée ne quitte votre appareil : vous pouvez analyser sans risque des URL internes, de préproduction ou de production contenant des chemins sensibles.
Oui. Le calculateur est 100 % gratuit, sans inscription, sans abonnement, sans limite d'URL et sans publicité. Vous pouvez calculer autant de budgets de cache PWA que nécessaire.
La recommandation pratique est de garder votre précache initial sous 50 Mo pour une bonne expérience utilisateur sur mobile. Chrome et Edge autorisent jusqu'à 60 % de l'espace disque disponible, mais les appareils peu dotés en stockage peuvent en avoir beaucoup moins. Les gros manifestes de précache retardent aussi l'événement install du service worker, ce qui peut nuire au premier chargement.
Le calculateur trie les ressources par priorité : HTML, CSS et JS sont considérés comme critiques et conservés en premier. JSON et SVG sont de priorité élevée. Les images matricielles et les polices sont de priorité moyenne. Les fichiers audio, vidéo et binaires sont de priorité faible et sont les premiers candidats à l'exclusion quand le total dépasse votre budget.
Les images matricielles (JPEG, PNG, WebP, AVIF) et les fichiers audio/vidéo sont déjà compressés par leurs propres codecs : appliquer une compression HTTP par-dessus n'apporte presque rien et consomme du CPU. Les polices WOFF2 sont déjà compressées en Brotli en interne. Pour ces types de ressources, l'outil recommande plutôt des optimisations au niveau du format.
Si vous utilisez Workbox, le manifeste de précache est généré pendant le processus de build : cherchez le fichier workbox-precache-manifest.*.js ou le manifeste injecté dans votre service worker. Pour les service workers manuels, listez les URL que vous passez à cache.addAll() dans votre gestionnaire d'événement install.
Les ressources marquées pour exclusion devraient passer du précache au cache d'exécution. Dans Workbox, utilisez registerRoute() avec une stratégie de cache comme StaleWhileRevalidate ou CacheFirst pour ces ressources. Le cache d'exécution les stocke à la demande au fil de la navigation de l'utilisateur, au lieu de tout télécharger en amont pendant l'événement install.