Nachdem Google am 9. April bekannt gegeben hat, die Ladegeschwindigkeit nun offiziell mit in das Ranking einfließen zu lassen wird dieses Thema noch wichtiger. Aber natürlich sollte man immer ein Auge auf die Ladegeschwindigkeit der Seite haben. In diesem ersten Teil wird es um die Messung der Geschwindigkeit und das serverseitige Komprimieren gehen. In Teil 2 kümmere ich mich um JavaScript und CSS Minfy, in Teil 3 um das reduzieren von HTTP-Requests und in Teil 4 schliesslich um CSS-Sprites. Die einzelnen Teile werden in den kommenden 3 Tagen jeweils um 14 Uhr veröffentlicht.

Jetzt also zum Teil 1, “Geschwindigkeit messen” und “serverseitige Komprimierung”.

Geschwindigkeit messen.

Zum messen der aktuellen Geschwindigkeit stehen mit Yslow und PageSpeed, beides Firefox Erweiterungen die auf FireBug aufsetzen, zwei kostenlose Tools zur Verfügung. Da die Geschwindigkeit natürlich auch von äußeren Faktoren beeinflusst wird, sollte man den Test mehrmals ausführen und den Mittelwert zum späteren Vergleich heranziehen.

Serverseitige Komprimierung

Ein erster großer Zugewinn wird erreicht, in dem die zu übertragenden Daten minimiert werden. Hierfür bietet Apache zwei Module (mod_deflate & mod_gzip), welche ohne Änderung an der eigentlichen Website, aktiviert werden können. Dazu editiert man die .htaccess im root der Seite.

Im Fall von aktiviertem mod_deflate:

	SetOutputFilter DEFLATE

Im Fall von aktiviertem mod_gzip:

mod_gzip_on Yes
mod_gzip_dechunk Yes
mod_gzip_item_include file \.(html?|txt|css|js|php|pl|jpg|gif|png)$
mod_gzip_item_include handler ^cgi-script$
mod_gzip_item_include mime ^text/.*
mod_gzip_item_include mime ^application/x-javascript.*
mod_gzip_item_exclude mime ^image/.*
mod_gzip_item_exclude rspheader ^Content-Encoding:.*gzip.*

Diese Maßnahme bringt schon den ersten großen Geschwindigkeitsschub.

Weiter dann ab morgen mit Teil 2 “Javascript und CSS Minify”