Die Optimierung Teil 4: Geschafft!

Nachdem letzte Woche das Ziel schon in Sichtweite kam, wurde es diese Woche endlich erreicht: Die Ladezeit der Homepage von IDEA Küchen und Bad ist unter vier Sekunden. Sogar ziemlich deutlich: Die Ladezeit Beträgt noch 3.6 Sekunden. Damit ist das Projektziel deutlich schneller als geplant erreicht worden. Fabio hat ganze Arbeit geleistet, und zum Abschluss lassen wir das Projekt noch mal Revue passieren:

Es begann Ende August mit einer Seite, die gerne mal sieben bis zehn Sekunden Ladezeit aufwies, 26.5MB an Dateigrösse besass und allgemein den Ansprüchen nicht so ganz gerecht werden wollte. Die Arbeit begann mit dem zeitaufwendigsten Schritt, dem Optimieren des gesamten Bildmaterials. Fabio verkleinerte also Bild um Bild, vom Hintergrundbild über die Galerien bis hin zu Referenzprojekten und Portraitbildern. Nach diesem Schritt zeigte sich schon eine grosse Wirkung: Die Seite war 15MB kleiner geworden. Die Ladezeit hatte sich auch schon auf 5.5 Sekunden verringert, was ein sehr erfreuliches Ergebnis war.
Eine Woche später setzt sich Fabio an die nächste Etappe, das sogenannte Asset Cleanup. Mit dem gleichnamigen Plugin, welches kostenlos erhältlich ist, geht er an die Arbeit. Unnötige Erweiterungen werden abgeschaltet, da sie sehr viel Ladezeit fressen und wir davon nichts haben. Dazu werden CSS und JavaScript-Dateien minimiert, damit die Anzahl der Requests, die Dateigrösse und die Ladezeit weiter sinken. Nach dem Asset Cleanup und der Minimierung beträgt die Ladezeit nur noch 4.9 Sekunden.
In der Woche darauf wird mit dem Caching der letzte Schritt begonnen. Das Caching selbst wird auch mit einem kostenlosen WordPress-Plugin durchgeführt, wir benutzen dafür WP Fastest Cache. Nach dem Caching ist das Ziel schon fast erreicht: 4.2 Sekunden. Fabio machte im Rest der Woche noch einige weitere Kniffe und probierte aus, was sich noch abschalten und verkleinern liess, und nun ist das Ziel erreicht: 3.6 Sekunden.