Calculateur du budget de chargement de page
Additionnez le poids de votre HTML, de vos CSS, de votre JavaScript, de vos images et de vos polices, et voyez si la page respecte un budget de performance raisonnable.
Tailles des ressources
État du budget
Poids total de la page
Les budgets de performance gardent les pages rapides
Un budget de performance fixe une limite au poids de chaque type de ressource. Établir des budgets par catégorie, comme 300 Ko de JavaScript, 800 Ko d'images et 1,5 Mo au total, oblige toute personne qui alourdit une page à faire un compromis au lieu de la laisser grossir en silence.
Entrez la taille de chaque type de ressource : le calculateur les additionne, compare chacune à son budget et montre d'où vient le poids. Une catégorie est marquée comme proche de la limite quand elle dépasse son budget de 50 % au plus, et comme hors budget au-delà.
Où trouver vos chiffres
- Ouvrez votre page dans Chrome, appuyez sur F12 et rechargez avec l'onglet Réseau ouvert.
- Filtrez par type (Doc, CSS, JS, Img, Font) et lisez la taille transférée en bas.
- Testez avec un profil mobile, puisque c'est là que les pages lourdes font le plus mal.
Pourquoi JavaScript a le budget le plus serré
Un kilo-octet de JavaScript coûte plus cher qu'un kilo-octet d'image. Le navigateur doit le télécharger, l'analyser et l'exécuter, et ce travail bloque le fil principal et retarde l'interaction. Les images coûtent surtout du temps de téléchargement. C'est pourquoi le budget JavaScript est le plus petit des trois.
Questions fréquentes
Ces budgets sont-ils réalistes?
Oui, pour la plupart des pages marketing et de commerce électronique, qui peuvent rester autour de 1,5 Mo au total. Les tableaux de bord de type application sont souvent plus lourds, de 2 à 3 Mo, alors ajustez vos attentes dans ces cas.
Dois-je utiliser les tailles compressées ou non compressées?
Utilisez la taille transférée (compressée) de l'onglet Réseau. C'est ce que les visiteurs téléchargent réellement.
Respecter le budget garantit-il de bons Core Web Vitals?
Non. Les budgets réduisent le risque, mais les ressources bloquant le rendu, les serveurs lents et les décalages de mise en page comptent aussi. Considérez le budget comme un garde-fou parmi d'autres, avec de vraies données terrain.