Viele Fachartikel ranken sich um das Thema der Ladezeitenoptimierung von Webseiten. Nachdem Google im April 2010 offiziell bekanntgab, dass Ladezeiten im Google Algorithmus eine wichtige Rolle spielen, gab dies diesem Themenbereich noch einmal Aufwind. In diesem Artikel möchte ich mit einer praxisnahen Beschreibung einiger wichtiger Möglichkeiten demonstrieren wie Ladezeitenoptimierung im Business- aber auch im privaten Umfeld umgesetzt werden kann.

Beginnen wir bei der Ist-Erfassung, d.h. bei dem “wie schnell bin ich derzeit”. Dazu gibt es sehr einfache Werkzeuge: Für Firefox gibt es das Plugin Firebug mit dem Yahoo Addon YSlow, welches die Aufruf- und Abrufzeiten von Webseiten messen kann und diese grafisch darstellt.

Ladezeitenanalyse für davidgebhardt.de mit YSlow und Firebug (Firefox Plugins)

Nach dieser Analyse ist ersichtlich welche Elemente geladen wurden und wie lange es gedauert hat den “OnLoad”-Status der Webseite zu erreichen. Dies ist unser Wert auf den wir unsere Bemühungen ausrichten werden. Hier sieht man, dass 930ms im ersten Schritt verstreichen. Diese sind das initiale Laden vom Webserver. Anschließend werden die weiteren benötigten Ressourcen (hier: das CSS und 3 Bilder) geladen.

Google PageSpeed Ergebnis für davidgebhardt.de

Dort sieht man, dass Prozesse paralell ablaufen. Um den ersten Zeitblock zu optimieren muss die Hardware optimiert werden, d.h. schnellere, stärkere Maschinen mit besserer Anbindung. Auf diesen Bereich ist meine Artikelserie, die mit diesem Beitrag startet, nicht ausgelegt. Ich konzentriere mich hier auf die wesentlich kostensparendere Variante: Anpassen der Software um Ladezeiten zu optimieren.

Natürlich gibt es auch ein Plugin vom Suchmaschinenbetreiber Google (Pagespeed), welches dem Anwender zeigt wo die Schwachstellen seiner Webseite liegen. Um dieses Tool nutzen zu können installiert man es im Firefox.

Um viele Kritikpunkte, die dieses und andere ähnliche Tools bemängeln, werden sich die folgenden Beiträge in dieser Serie drehen. Eingangs hören sich viele dieser Dinge sehr kompliziert an, oder es ist nicht ganz klar was gemacht werden muss um die Kritikpunkte zu beseitigen. Aus diesem Grunde wird es diesen Ladezeiten optimieren Guide geben.

Nachfolgend dargestellt sind die Kernthemen mit denen sich die nachfolgenden Artikel beschäftigen werden:

• Teil 2: Komprimierung von CSS und Java Script
• Teil 3: Komprimierung der auszuliefernden Inhalte mit GZip
• Teil 4: Optimiertes Nutzen von CSS durch Beschränkung in der Strukturtiefe
• Teil 5: Beschränkung der HTTP Requests
• Teil 6: Laden von Elementen auf den Viewport des Nutzers beschränken (intelligentes Nachladen)
• Teil 7: iFrames richtig nutzen (Nachladen externer Inhalte)
• Teil 8: Cachingerfolg erhöhen durch Auslagerungen
• Teil 9: CSS Sprites nutzen

Keine verwandten Themen vorhanden.