Es wäre ja zu leicht, den Server einfach laufen zu lassen, wenn alles funktioniert. Aus genau diesem Grund sah ich mir mal das vor nicht allzu langer Zeit stable gewordene Projekt mod_pagespeed von Google an. Das Apache-Modul verspricht, die Auslieferungszeit von Websites drastisch zu reduzieren, indem über die Apache Output Filter die so genannten “Web Performance Best Practices” angewendet werden. Kurz gesagt: Per default nach der Installation manipuliert das Modul die Ausgabe vor allem dahingehend, dass Stylesheets und Scripts komprimiert und teilweise zusammengefasst, sowie gecached, Bilder optimiert (überflüssige Meta-Daten werden entfernt) werden und, wenn nicht bereits vorhanden, ein Header hinzugefügt wird.
Kurz zur Installation:
Einfach mod_pagespeed entweder als fertiges Paket oder als Quellcode auf den Server laden und installieren, bzw. kompilieren. Installiert man das Modul als Paket, trägt es gleich noch das Google Repository in die Paketquellen ein, damit die Updates wie gewohnt durchgeführt werden können. Nach der Installation aktiviert sich das Modul selbstständig, lediglich der Apache muss noch neu geladen werden, dann läuft mod_pagespeed in der Konfiguration, die die Entwickler für sicher halten.
Alles weitere zur Konfiguration von Filtern und mehr erfährt man ebenfalls auf den Seiten des Projekts.
Das Aktivieren von mod_pagespeed bringt in der Praxis auf einer Seite wie wemaflo.net tatsächlich merkliche Performancegewinne, hier mal zwei Ladezeitdiagramme (gemacht direkt nacheinander mit Uptrends, Knotenpunkt Berlin), die das verdeutlichen:
Ladezeit von wemaflo.net ohne mod_pagespeed
Ladezeit von wemaflo.net mit mod_pagespeed
Man sieht ziemlich deutlich, dass sich die Ladezeit von 3,4 Sekunden auf 1,7 Sekunden und die Seitengröße von 323,2 kB auf 318,3 kB reduziert hat. Statt 13 Bilder werden nur 9 geladen (wie das gemacht wird, weiß ich auch nicht, es werden alle angezeigt), die Zahl der Stylesheets wird von 7 auf 5 reduziert, die der Scripts von 5 auf 4.
Ich denke, das ganze spricht eine eindeutige Sprache für den Einsatz von mod_pagespeed, ich werde es jedenfalls weiterhin auf meinem Server einsetzen.
Mich würde interessieren, ob noch jemand meiner Leser dieses Modul benutzt oder benutzt hat und wie die Erfahrungen damit sind. Schreibt mir doch einfach einen kleinen Kommentar.
Hast du beim zweiten Aufruf vorher den Browsercache geleert? Es kann ja nicht sein dass beim laden mehrere Dateien einfach weg gelassen werden.
Ne, ich habe die Diagramme ja mit der verlinkten Seite erstellt und die sollte nicht cachen.
Ich werde nachher noch mal nachsehen, wie das kommt, aber ich vermute mal, dass da Bilder mit display none entfernt wurden.
Die Stylesheets und Scripte werden wie gesagt zusammengefasst oder im head ausgegeben.
Zum Thema weniger Bilder: mod_pagespeed kann Bilder die kleiner sind direkt als data: in den Quelltext einbinden. Zudem gibt es optional die Möglichkeit, dass Icons zu einem Sprite zusammen gefasst werden.
Ich nutze mod_pagespeed auch und finde es klasse. Nach ein wenig rumprobieren und einstellen, funktionierte dann der Cache auch bei mir einwandfrei.
Hey! Danke für deinen Kommentar!
Ja stimmt. Aber ich glaube, dass muss doch extra eingestellt werden, oder? Bei mir läufts auch immernoch super.
Hier gibt es eine Liste mit Modulen: https://developers.google.com/speed/docs/mod_pagespeed/config_filters Dort steht auch, welche per default aktiviert sind. Da gehört auch der “rewrite_images” Filter dazu. Der verarbeitet die Bilder nochmal und verkleinert sie. Zusätzlich werden kleinere Bilder direkt ins HTML geladen. Dadurch sind weniger Aufrufe nötig um alle Bilder zu laden.
Die default Einstellungen laufen schon echt gut, ich denke aber, dass man mit ein paar Tricks sogar noch mehr rausholen kann.
Ah siehste, dass rewrite_images auch gleich Bilder zusammenfasst oder in den Quellcode schreibt, wusste ich gar nicht mehr. Ich hab neben den defaults kaum Filter an, wollte erst mal die Effekte sehen. Aber ich werde es noch mal genauer konfigurieren.