Performance-Budget
Kostenloses Online-Performance-Budget-Tracking, Ressourcengrößen überwachen
Was ist ein Performance-Budget?
Ein Performance-Budget setzt Grenzen fuer Groesse und Timing von Web-Ressourcen (JavaScript-Bundles, Bilder, Schriften, CSS). Das Verfolgen dieser Budgets hilft, Performance-Rueckgaenge beim Projektwachstum zu verhindern. Typische Budgets umfassen Gesamtseitengewicht unter 1MB und JavaScript unter 200KB.
Ressourcen-Budgets verfolgen
Fuegen Sie Ressourcen mit ihren tatsaechlichen Groessen hinzu und setzen Sie Budgetgrenzen. Das Tool verfolgt die Gesamtgroesse und markiert Ressourcen, die ihr Budget ueberschreiten. Verwenden Sie dies waehrend der Entwicklung, um Performance-Probleme frueh zu erkennen.
▶Was ist ein gutes Performance-Budget?
Haeufige Empfehlungen: Gesamtseitengewicht < 1MB, JavaScript < 200KB (komprimiert), CSS < 50KB, Bilder < 500KB, Time to Interactive < 5 Sekunden bei 3G.
▶Wie messe ich tatsaechliche Ressourcengroessen?
Verwenden Sie den Chrome DevTools Netzwerk-Tab fuer Uebertragungsgroessen. Fuer gebuendelte Anwendungen verwenden Sie webpack-bundle-analyzer oder aehnliche Tools zur Inspektion der Bundle-Zusammensetzung.