Entwickler

JavaScript-Bundle-Budget-Rechner

Jedes Kilobyte JavaScript muss heruntergeladen, geparst und ausgeführt werden, auf Mobilgeräten kostet das spürbar Zeit. Dieser Rechner schätzt aus Deiner Bundle-Größe und Kompression die Download- und Parse-Zeit auf typischen Mobilverbindungen und sagt Dir, ob Du das empfohlene 170-KB-Budget einhältst.

Wozu dient der JavaScript-Bundle-Budget-Rechner?

Jedes Kilobyte JavaScript muss heruntergeladen, geparst und ausgeführt werden, und auf Mobilgeräten kostet das spürbar Zeit. Dieser Rechner schätzt aus deiner unkomprimierten Bundle-Größe und der Kompressionsersparnis die übertragene Datenmenge sowie Download- und Parse-Zeit auf typischen Mobilverbindungen. Als Geschwindigkeiten dienen Richtwerte für schnelles 4G, langsames 4G und 3G.

Geprüft wird gegen das verbreitete Performance-Budget von 170 KB komprimiertem JavaScript pro Seite. Der Rechner zeigt, ob du im Budget liegst, wie stark du es gegebenenfalls überschreitest und wie viel Kompression einspart. So erkennst du früh, ob dein Bundle die Ladezeit auf schwächeren Geräten gefährdet, lange bevor reale Nutzer darunter leiden.

Beispiele

  • 800 KB Bundle mit 70 % Kompression ergibt 240 KB, das liegt mit rund 70 KB über dem 170-KB-Budget.
  • Bei schnellem 4G (1750 KB/s) lädt das 240-KB-Bundle in etwa 0,14 s, die Parse-Zeit kommt obendrauf.
  • Über 3G (400 KB/s) dauert dasselbe Bundle rund 0,6 s nur für den Download.
  • Die empfohlene Maximalgröße für 3 s Download bei 4G liegt bei rund 5.250 KB komprimiert.

Häufige Fragen zum JavaScript-Bundle-Budget-Rechner

Woher kommt das 170-KB-Budget?

Es ist ein etablierter Richtwert für komprimiertes JavaScript pro Seite, der einen schnellen interaktiven Aufbau auch auf Mittelklasse-Mobilgeräten ermöglichen soll.

Wie wird die Parse-Zeit geschätzt?

Mit grob 1 Millisekunde pro Kilobyte unkomprimiertem Code, denn geparst und kompiliert wird die entpackte Größe, nicht die übertragene. Reale Werte hängen stark vom Gerät ab.

Soll ich die komprimierte oder unkomprimierte Größe optimieren?

Für die Download-Zeit zählt die komprimierte Größe, für Parse und Ausführung die unkomprimierte. Beides senkst du am besten durch Code-Splitting und das Entfernen ungenutzter Abhängigkeiten.

Welche Verbindung soll ich wählen?

Plane für deine schwächste relevante Zielgruppe. Wenn mobile Nutzer mit schwankendem Empfang wichtig sind, ist langsames 4G oder 3G der ehrlichere Maßstab als ein optimistisches schnelles 4G.