Web-Performance-Budgetrechner
Verfolgen Sie Ihr Budget für die Webseitenleistung in HTML, CSS, JS, Bildern und Schriftarten. Berechnen Sie die Gesamtgröße, die Budgetnutzung und die geschätzte 3G-Ladezeit.
So verwenden Sie den Leistungsbudgetrechner
- Geben Sie Ihr Gesamtleistungsbudget in KB ein.
- Geben Sie Größen für HTML, CSS, JS, Bilder und Schriftarten ein.
- Klicken Sie auf Berechnen, um die Nutzung, das verbleibende Budget und die 3G-Ladezeit anzuzeigen.
Anwendungsfälle
- •Durchsetzung von Leistungsbudgets in CI/CD-Pipelines.
- •Überprüfung des Seitengewichts vor Veröffentlichungen.
- •Vergleich der mobilen Leistung verschiedener Seitenversionen.
- •Festlegung von Richtlinien zur Asset-Größe für Entwicklungsteams.
Formel
Gesamt = HTML + CSS + JS + Bilder + Schriftarten. Ladezeit (3G) = Gesamt-KB / 50 KB/s. Punktzahl = 100, wenn < 200 KB, herunterskaliert auf 20 für > 2 MB.
Häufig gestellte Fragen
Was ist ein Leistungsbudget?
Ein Leistungsbudget legt maximale Größen oder Zeitschwellenwerte für Web-Assets fest, um schnelle Ladezeiten sicherzustellen.
Welche Gesamtseitengröße ist gut?
Unter 200 KB ist ausgezeichnet. Unter 500 KB ist gut. Über 1 MB führt zu langsamen Erlebnissen auf Mobilgeräten.
Wie reduziere ich die JS-Bundle-Größe?
Verwenden Sie Tree Shaking, Code-Splitting und Lazy Loading und vermeiden Sie große Abhängigkeiten. Streben Sie weniger als 150 KB JS an.