PageWeight / Seitengröße

PageWeight bezeichnet die Gesamtgröße aller Ressourcen, die beim Laden einer Webseite übertragen werden – HTML, CSS, JavaScript, Bilder, Fonts und externe Scripts. Sie wird meist in Kilobyte (KB) oder Megabyte (MB) gemessen.

Warum ist PageWeight wichtig?Je größer eine Seite, desto länger dauert das Laden – besonders auf mobilen Geräten oder langsamen Verbindungen. Ein hohes PageWeight führt zu:

• Schlechter Performance: Längere Ladezeiten
• Höherem Datenverbrauch: Kostet Nutzer Geld
• CO₂-Emissionen: Mehr Datenübertragung = mehr Energieverbrauch
• Schlechterem SEO: Google bevorzugt schnelle Seiten

Was ist ein guter Wert?Moderne Websites sollten unter 1 MB liegen, idealerweise unter 500 KB. Zum Vergleich: Die durchschnittliche Website liegt bei etwa 2-3 MB – viel zu viel. Die größten "Gewichtstreiber" sind meist:

• Nicht optimierte Bilder (70-80% des PageWeights)
• Zu viele externe Scripts (Analytics, Ads, etc.)
• Ungenutzte CSS/JS aus Frameworks

Wie kann man PageWeight reduzieren?

• Bilder komprimieren: AVIF oder WebP statt JPEG
• Lazy Loading: Bilder erst laden, wenn sie sichtbar werden
• Code minimieren: Ungenutztes CSS/JS entfernen
• Fonts optimieren: Variable Fonts oder System Fonts nutzen
• Caching nutzen: Wiederkehrende Besucher laden weniger neu

Tools wie WebPageTest oder Google PageSpeed Insights zeigen das genaue PageWeight und geben Optimierungsvorschläge.

‍