Pagespeed-Optimierung für die Dieter Schwarz Stiftung

  • 2 min
  • Written von Markus Milkereit

Die Dieter-Schwarz-Stiftung unterstützt Bildungs- und Forschungsprojekte mit Schwerpunkt auf der Region Heilbronn. Im Sommer 2018 haben mein Team und ich die Website der Stiftung komplett neu gestaltet und pflegen sie seitdem.

Bei der Umsetzung und Pflege von Websites legen wir besonderen Wert auf ein wichtiges Merkmal: die Geschwindigkeit der Website, den sogenannten Pagespeed. Nicht nur, weil Suchmaschinen schnelle Seiten belohnen, sondern vor allem, weil eine schnell ladende Website angenehmer zu bedienen ist – eine reibungslose, frustfreie Benutzererfahrung ist ein wichtiger Erfolgsfaktor.

Warum sollte ich mich für die Seitengeschwindigkeit interessieren?

Die DSS-Website ist ein gutes Beispiel für eine typische moderne Website: Hochauflösende Bilder, Videoinhalte und Animationen bereichern die Seiten. Leider hat nicht jeder Zugang zu schnellem Internet; rund 20 % aller Nutzer verfügen immer noch über weniger als 2 MBit. Der Anteil der Aufrufe über Smartphones liegt zwischen 40 und 70 %. Pagespeed kann seine Vorteile gerade bei langsamen und mobilen Verbindungen voll ausspielen.

Ohne Optimierung ist die Website (am Beispiel der Nachrichten) nicht ohne Frust nutzbar – selbst bei schnellen Verbindungen.

Die nicht optimierte Website ist mit knapp 24 MB und 100 Aufrufen sehr schwerfällig. Die hier angezeigten 2,5 Sekunden bei schneller Internetverbindung sind bei langsamen Verbindungen inakzeptable 47 Sekunden. Die Bewertung fällt entsprechend schlecht aus – eine glatte 6 im US-amerikanischen Schulsystem, Quelle: GTMetrix.

Optimierung in drei Schritten

Wir optimieren die Website mithilfe von drei grundlegenden Bausteinen der modernen Webentwicklung:

  • Grundlegende Optimierung über Einstellungen innerhalb des Contao-CMS und gutes, schnelles Hosting auf unseren Business-Servern
  • Bilder werden über Contao-Bildregeln für alle gängigen Geräteklassen optimiert
  • Wir runden die Seitengeschwindigkeit ab, indem wir unsere Erweiterungen contao-pagespeed und contao-tinypng einsetzen und den erforderlichen Code intelligent reduzieren
Durch die drastische Reduzierung der Dateigröße auf etwa 450 kB und der Anzahl der Zugriffe auf 50 wird die Ladezeit bei einer schnellen Verbindung um mehr als die Hälfte verkürzt. Aufgrund der geringen Größe ist der Effekt bei langsamen Verbindungen sogar noch besser: Statt 47 Sekunden lädt die Seite in 5 Sekunden. (Quelle: GTMetrix)

Es gibt zahlreiche weitere Optimierungsmöglichkeiten, die wir in Vorträgen zum Thema Pagespeed vorgestellt haben – in den meisten Fällen haben wir hier jedoch bereits den Sweet Spot erreicht: massive Verbesserungen bei der Menge der geladenen Assets und der Gesamt-Downloadgröße der Website.