Secondes

Google recommande un LCP inférieur à 2,5s.Bon

Budget de Taille Totale Estimé

425 KB

C'est la taille totale maximale (compressée/gzipped) de toutes les ressources à charger dans le temps imparti sur le réseau sélectionné.

Allocation des Ressources

Total: 100%
170 KB (40%)
42 KB (10%)
170 KB (40%)
21 KB (5%)
21 KB (5%)

Répartition Visuelle

JavaScript
CSS
Images
Polices
Autre/HTML

Calculateur de Budget de Performance WebBeta

Calculez votre budget de performance pour les Core Web Vitals en fonction de la vitesse du réseau et des objectifs LCP.

Comment utiliser le calculateur

1

Sélectionner la Vitesse

Choisissez la condition réseau cible (ex: 3G Rapide, 4G) que vos utilisateurs sont susceptibles d'utiliser.

2

Définir LCP Cible

Entrez votre temps cible pour le Largest Contentful Paint (LCP) en secondes (ex: 2,5s).

3

Allouer les Ressources

Ajustez les curseurs pour répartir le budget total entre JavaScript, CSS, Images et Polices.

Questions Fréquentes

Qu'est-ce qu'un budget de performance ?

Un budget de performance est une limite à ne pas dépasser pour les pages. Il est généralement défini en termes de taille de fichier ou de temps de chargement.

Pourquoi le LCP est-il important ?

Le LCP (Largest Contentful Paint) est une métrique essentielle qui mesure quand le plus grand élément de contenu devient visible. Un bon LCP (< 2,5s) améliore l'UX et le SEO.

Comment le budget est-il calculé ?

Le calculateur utilise la formule : (Temps Cible × Vitesse Réseau / 8) × Facteur d'Efficacité (0,85). Le facteur tient compte de la latence et de la surcharge protocolaire.

Ce budget inclut-il toutes les ressources ?

Oui, il représente la taille de transfert totale (compressée) de toutes les ressources (HTML, CSS, JS, Images) nécessaires au rendu initial.

Quelle vitesse de réseau cibler ?

Pour une audience mondiale, il est recommandé de cibler '3G Rapide' ou '4G' pour garantir l'accessibilité aux connexions plus lentes.

Pourquoi le facteur d'efficacité est-il de 0,85 ?

Dans les réseaux réels, on n'obtient jamais 100% de la bande passante théorique à cause du démarrage lent TCP et des en-têtes.

Puis-je dépasser le budget ?

Vous pouvez, mais cela augmente le risque d'échouer aux évaluations Core Web Vitals, ce qui peut nuire à votre référencement et à la rétention des utilisateurs.

Comment réduire la taille de ma page ?

Optimisez les images (WebP/AVIF), minifiez CSS/JS, utilisez le code splitting, le chargement différé et des stratégies de cache efficaces.

Cela affecte-t-il le SEO ?

Oui, Google utilise les Core Web Vitals comme facteur de classement. Respecter les budgets de performance aide à réussir ces métriques.

Quelle est une bonne allocation pour JavaScript ?

JavaScript est la ressource la plus coûteuse car elle doit être analysée et exécutée. Gardez-la aussi basse que possible, idéalement sous 200 Ko compressés.