Budget de Performance
Outil gratuit en ligne de suivi de budget de performance, surveiller les ressources
Qu'est-ce qu'un budget de performance ?
Un budget de performance fixe des limites sur la taille et le temps des ressources web (bundles JavaScript, images, polices, CSS). Le suivi de ces budgets aide à prévenir la régression des performances au fur et à mesure que le projet grandit. Les budgets courants incluent un poids total de page inférieur à 1 Mo et JavaScript inférieur à 200 Ko.
Comment suivre les budgets de ressources
Ajoutez des ressources avec leurs tailles réelles et définissez des limites de budget. L'outil suit la taille totale et signale les ressources qui dépassent leurs budgets. Utilisez-le pendant le développement pour détecter les problèmes de performance tôt.
▶Qu'est-ce qu'un bon budget de performance ?
Recommandations courantes : Poids total de page < 1 Mo, JavaScript < 200 Ko (compressé), CSS < 50 Ko, Images < 500 Ko, Temps jusqu'interactivité < 5 secondes en 3G.
▶Comment mesurer les tailles réelles des ressources ?
Utilisez l'onglet Réseau de Chrome DevTools pour voir les tailles de transfert. Pour les applications bundlées, utilisez webpack-bundle-analyzer ou des outils similaires pour inspecter la composition du bundle.