DC IT Solutions Pagespeedoptimierung

präsentiert von DC IT Solutions
Auf unserer eigenen Seite sollte natürlich die Ladegeschwindigkeit hervorragend sein. Ziel war es, unter eine halbe Sekunde zu kommen, welches wir auch erreicht haben.

Wie wir die Ladegeschwindigkeit unter eine halbe Sekunden reduzieren konnten,

ohne dabei Qualitätseinbußen in Kauf nehmen zu müssen

Um hinsichtlich der SEO eine ausgezeichnete Ladegeschwindigkeit zu erreichen, haben wir bereits in der Entwurfsphase der Seite darauf geachtet, dass Bilder und Grafiken im richtigen, platzsparendem Format angelegt werden. Auf das Bildformat WebP wurde jedoch (bisher) verzichtet, da Apple Geräte diese noch nicht flächendeckend unterstützen. Der Aufwand, Fallback-Lösungen zu etablieren, wurde gescheut, da in naher Zukunft sämtlich Apple-Geräte wohl WebP unterstützen sollen und dann sämtliche Grafiken umgestellt werden kann.

Die Ausgangssituation sah, wie folgt aus:

DC IT Solutions Pagespeed Ausgangssituation

Da bei den Bildern keinerlei Optimierung, ohne Qualitätsverlust, möglich ist, haben wir uns um die 35 Requests gekümmert. Dort bestand definitiv Optimierungspotential.

Um diese Requests zu verringern, haben wir CSS und JS zusammengeführt und im selben Zug auch minimiert, um KB zu sparen. Wir konnten 16 Requests einsparen, jedoch keine merkliche PageSize.

Requests vor der Optimierung
Requests vor der Optimierung
Requests nach der Optimierung
Requests nach der Optimierung

Abschließend haben wir uns noch Caching zu nutze gemacht und konnten die Ladegeschwindigkeit auf 473ms reduzieren.

Zusammenfassung der Besonderheiten

Denn jedes Projekt ist Einzigartig

Herausforderung

Da die Bilder der Website bereits in der Entwurfsphase optimiert wurden, war dort kein Optimierungspotential. Das zusammenführen von CSS und Scriptdateien war eine weitere Möglichkeit, doch birgt das immer Risiken.

Lösung

Einzelne CSS Datein wurde nach und nach zusammengeführt und nach jeder Zusammenführung wurde die Seite auf etwaige Fehler geprüft, bis nur noch eine Datei übrig blieb. Die selbe Herangehensweise wurde für die Scriptdatei angewandt, bis die Anzahl von 9 auf 3 reduziert werden konnte. Die restlichen Scriptdateien konnten nicht ohne auftretende Fehler zusammengeführt werden. So wurden beispielsweise, bei weiterer Zusammenführung, Blogbeiträge nicht richtig dargestellt, ebenso, wie die Projektbeiträge.

Worauf warten Sie?

Kostenfreie Erstberatung

DC IT Solutions
Digital Marketing

03937 / 2527514
0176 / 2822 0339

dc-it-solutions.de
info@dc-it-solutions.de