webthreads.de - Web 2.0, Web-Entwicklung und Netzkultur von Markus Kühle

YSlow Perfomance Plugin – Optimiere deine Webseite

Vor ein paar Tagen habe ich von einem Web based Traffic Analysator berichtet. Damit kann man herausfiltern welche Teile der Seite wann und wie Lange geladen werden. Dieses Feature bietet auch FireBug mit dem die Ladezeiten der einzelnen Resourcen aufgelistet werden kann.

Nun hat Yahoo eine wirklich interessante Erweiterung zu Firebug veröffentlicht: YSlow. Damit kann man eine Seite auf ihre Verschiedenen Performance Eigenschaften untersuchen. Das Tool vergibt Noten von “A” bis “F” und gibt Hinweise was man verbessern kann. So sieht die Analyse bei webthreads.de aus:

YSlow Performance

Für genau diese in YSLow abgefragten Punkte hat Yahoo auch gleich eine sehr interessante Seite mit dem Titel “Thirteen Simple Rules for Speeding Up Your Web Site” erstellt. Gleich der erste Punkt ist z.B. “HTTP Requests minimieren” oder ein anderer Punkt ist “CSS Definitionen im Document HEAD definieren“. Also dieses Dokument ist für jeden Webseiten Entwickler sehr lesenwert! Dieses Thema wird auch im September in einem Buch von O’Reilly veröffentlicht, für jeden der sich noch weiter in das Thema vertiefen möchte.

Ein weiterer interessanter Punkt, welcher durch YSlow sehr einfach zu untersuchen ist, wieviel KB man herunterladen muss wenn man einen leeren Browser Cache hat (also z.b. die Seite zum ersten mal besucht) und wenn man die cachebaren Teile der Seite schon im Browser Cache zur Verfügung hat.

YSlow - Stats

Allzuviel sollte man allerdings nicht darauf halten zu sagen, dass die Performance ja optimal ist wenn der User einen vollen Cache hat, denn Untersuchungen von Yahoo! haben ergeben, dass 40-60% der Besucher einen leeren Cache haben. Das heißt somit, dass der größere Teil der Besucher die Seite immer komplett neu laden müssen.

Diese Untersuchung und noch viel mehr hat Steve Souders von Yahoo auch in einigen Artikeln und in einer sehr sehenswerten Präsentation beschrieben. Darin werden auch noch einmal die 13 bzw. in der Präsentation sind es 14 Punkte für eine bessere Performance erläutert.

Die Präsentation kann aber auch direkt als PPT heruntergeladen werden und die 14 Regeln können auch auf der Seite von Steve Souders direkt online angesehen werden. Bei manchen Regeln sind auch gleich Beispiele online gestellt.

Insgesamt sehr lesenswert bzw. “gut zu wissen” für jeden der mit Web Projekten zu tun hat.

Ähnliche Artikel, die dich interessieren könnten:

    None Found

3 Kommentare zu 'YSlow Perfomance Plugin – Optimiere deine Webseite' »»


Kommentare

  1. Kommentar by Sebastian | 15.08.2007 at 22:46:55

    hey, super beschrieben. dass tool von yahoo sieht mir ganz interessant aus. ich muss mal schaun ob ich da vielleicht mal was an meiner page optimiere :-)
    … thx ;-)

  2. Kommentar by Markus Kühle | 16.08.2007 at 10:00:58

    Nach einigen eigenen Tests hat sich schon sehr bewährt, wenn man die Anzahl der HTTP Requests minimiert indem man zum Beispiel alle JavaScript Files oder alle CSS File in eines packt.
    Wein weiterer wichtiger Punkt ist die GZip Funktion des Web Servers bzw. des Browsers. Durch das Verwenden der GZip Funktion minimiert man die Größe der Files noch einmal erheblich.

    Allein diese beiden Punkte verbessern die Performance schon erheblich.


Trackbacks & Pingbacks »»

  1. [...] Performance Web Sites: 14 Rules for Faster Pages” als Bildervariante Steve Souders berichtet. Insgesamt ein sehr interessantes und von Steve Souder wirklich gut aufbereitetes Thema rund um die [...]

Hinterlasse ein Kommentar »»

Bad Behavior has blocked 2532 access attempts in the last 7 days.