Web Performance Optimierung (WPO)

Gestern hielt ich auf dem Webmontag in Frankfurt einen Vortrag über Web Performance Optimierung. WPO wird nach Vorhersagen in den nächsten Jahren wie SEO eine eigene Industrie werden. Tenni Theurer und Steve Souders begannen 2006 bei Yahoo!, die Performanz von Webseiten eingehender zu untersuchen. Entsprechend der Prämisse, dass man am Ende mehr profitiert, wenn man seine Erkenntnisse mit anderen teilt, publizierte Yahoo! diese Ergebnisse auf Konferenzen und Blogs noch im selben Jahr. Souders veröffentlichte in der Zwischenzeit zwei Bücher zum Thema und arbeitet heute bei Google. Bei Namics befassen wir uns mit WPO seit Sommer 2006 und teilen auch gerne.

Ziel von Web Performance Optimierung ist es, schneller und kleiner zu werden: Studien von Yahoo! und Google haben ergeben, dass nur 10-20% der Ladezeit vom Server abhängig ist. Bis vor wenigen Jahren dachte man bei Geschwindigkeit ausschließlich an den Server. Tatsächlich werden aber 80-90% der Ladezeit im Frontend fällig. Darum ist WPO im Frontend effizienter.

Zwei wichtige Schwachstellen sind JavaScript-Dateien und die schiere Anzahl von Dateien: JavaScript lädt sequentiell und blockiert sämtliche nachfolgenden Inhalte. Darum sollte es nicht im Kopf, sondern im Fuß einer Seite stehen. Zweitens können ältere Browser, vor allem der Internet Explorer, nur 2-4 Dateien parallel laden. Dateien bilden eine Warteschlange, die nur langsam abgearbeitet wird. Ziel ist es darum, durch Zusammenfassung von Dateien die Anzahl der HTTP-Requests zu reduzieren.

Verschiedene internationale Unternehmen haben Studien angestellt oder einfach den Effekt von Optimierung getrackt.

Effekte von Langsamkeit

Effekte von Geschwindigkeit

  • Mozilla hat seine Downloadseite um 2,2 Sekunden schneller gemacht, was durch 15,4% mehr Downloads belohnt wurde.
  • Google Maps reduzierte das Dateivolumen um 30% und beobachtete daraufhin 30% mehr Kartenaufrufe.
  • Netflix schaltete Gzip auf dem Server ein; alleine dadurch wurden die Seiten um 13-25% schneller und sie sparten 50% Dateivolumen ein!
  • Shopzilla schaffte es, die Ladezeit von 7 auf 2 Sekunden zu reduzieren, wodurch die Conversion Rate um 7-12% stieg, 25% mehr Seitenaufrufe beobachtet wurden, 50% der Server in den Ruhestand geschickt und entsprechend Energiekosten eingespart werden konnten.
  • AOL beobachtete die Anzahl der Page Views auf verschiedenen Websites. Während die schnellsten User 7-8 Seiten aufriefen, waren es bei den langsamsten durchschnittlich nur 3-4.

Als Sahnehäubchen hat vor kurzem Google angekündigt, künftig die Ladezeit als Parameter im Suchmaschinenranking zu berücksichtigen.

Am Ende werden die Seiten schneller, die Kunden sind glücklich, generieren mehr Umsatz und Page Views, und gleichzeitig sinken Stromverbrauch und CO2-Ausstoß. Wieder einmal die Welt gerettet! Und wer dazu beitragen möchte, beginnt am besten damit, sich die Regeln bei Yahoo! anzuschauen. Ein paar Tricks, die darüber hinaus gehen, gibt’s in der Präsentation.

SEO (Search Engine Optimization) Starter Guide von Google

Fast jede Woche bekomme ich Angebote, Aussagen etc. mit dem Worten „…besseres Ranking in Suchmaschinen…“ drin. Landläufig auch SEO (Search Engine Optimization) genannt. Meist sind die Angebote aber hochgradig unseriös und die Aussagen falsch.

Aus diesem Grund bemühe ich mich seit Jahren über Vorträge und Publikationen Legenden aus dem Weg zu räumen und anwendbare Tipps weiterzugeben: Ganz ehrlich, 90% der Optimierung ist (wenn Technologie nicht im Weg steht) sehr einfach und „dreht“ sich im Ergebnis um den folgenden Dreiklang:

Vollständigkeit (resp. Selektivität) der Seiten im Index der Suchmaschine
Aktualität der Seiten im Index der Suchmaschine
Seiteninhalte und Trefferzitate

Interessant ist, dass die „Spezialisten“ die behaupten Google und Co. überlisten zu können nicht nur über ein Delisting öffentlich betraft werden, aber deren behauptete Dienstleistung über (personen)individuelle Trefferlisten der Suchmaschinen ab absurdum geführt werden.

Der Post heute ist einem kompakten Dokument von Google gewidmet, welches dieselben Ziel Legenden auszuräumen und Tipps zu vermitteln verfolgt: „Search Engine Optimization Starter Guide“

Eine gute Zusammenfassung (wenn jemand nicht unser ganzes SEO/SEM-Archiv lesen will) und bei Namics in der Zwischenzeit die Grundlagenbibel in jedem Site-, Text- und Styleguide-Projekt. Auch für Könner: Lesenswert.