Speed-Messung im Firefox-Browser Mo, Feb 22. 2010
Die Geschwindigkeit der eigenen Website wird immer wichtiger. Im Firefox ist die Messung der Ladegeschwindigkeit direkt möglich. Unterstützt wird man dadurch durch geeignete Addons, die wir hier kurz vorstellen möchten.
Warum schneller?
In zahlreichen Studien wurde bewiesen, dass eine Verkürzung der Ladezeiten die Besucher länger auf den Websites verweilen lässt. Kürzere Ladezeiten ermuntern sozusagen den Besucher weiterzuklicken und die Website interaktiv zu erleben. Die Folge sind für den Websitebetreiber höhere Einnahmen und vergeichsweise geringere Kosten.
Geschwindigkeitsmessungen Diagnosetools
Um die Geschwindigkeiten zu messen, muss man unterscheiden in
- Online-Diagnosetools
Das sind Werkzeuge von Internet-Dienstleistern. Meist wird die Website in ein Formular eingegeben und danach ein Report erzeugt, der Verbesserungsvorschläge zur Optimierung der Website anbietet - Live-Diagnosetools
Diese Werkzeuge laufen in der regel als Addon im Browser. Die wichtigsten Tools werden wir im Folgenden hier kurz vorstellen. - Google Webmaster
Das Diagnosewerkzeug "Website Leistung" aus Google Webmaster zeigt Daten und Statistiken im Verlauf der Zeit an. Im Grunde ist es auch ein Online-Diagnosetool zur Geschwindigkeitsoptimierung, das die Leistung über einen bestimmten Zeitraum erfasst.
Live-Diagnose, Addons im Firefox
Diese Zusammenstellung gibt einen kurzen Überblick über aktuelle Addons, die kompatibel mit dem aktuellen Firefox-Browser sind.
Firebug
Das kostenlose Addon Firebug wird wie üblich im Browser installiert und steht nach einem Neustart von Firefox zur Analyse der Speedmessung zur Verfügung. Dadurch erhält man einen Kompletteindruck, welche Komponenten einer Website geladen werden und wie lange die einzelnen Elemente benötigen. Dazu öffnet man eine Website und drückt danach auf F12 (oder das Icon für Firebug in der Statusleiste) und wählt den Reiter "Netzwerk". Ein erneutes Laden der Website zeigt nun alle Elemente in der Größe an und analysiert in Echtzeit die die Zeit für den DNS-Lookup, die Wartezeit,die Zeit für das Verbinden mit dem Server, die Zeit für das Senden und Empfangen der Daten.
Dadurch lässt sich sehr einfach der Flaschenhals einer Website erkennen. Man kann auch nach dem Elementtyp filtern: HTML, Javascript, CSS, Flash usw. Die Live-Anzeige der Elemente analysiert auch extern eingebundenes Javascript und funktioniert sehr zuverlässig.
Fasterfox
Ebenfalls kostenlos ist dieses Firefox Addon zur Messung und Verbesserung der Ladegeschwindigkeit im Browser. Die Version 2.0.0 ist scheinbar nicht kompatibel zum neuesten Firefox. Die Ladezeitanzeige funktioniert dennoch problemlos. Es gibt auch eine Light-Variante ohne Prefetching, die kompatibel zum neuesten Firefox ist.
In der Statuszeile wird die Ladezeit der Website angezeigt:
Page Speed
Page Speed ist ebenfalls kostenlos und wird von Google angeboten. Webmaster und Webentwickler können Page Speed nutzen, um die Website-Performance besser beurteilen zu können. Das Tool gibt auch Vorschläge zur Verbesserung der Parameter zur Erhöhung der Ladegeschwindigkeit.
Page Speed klinkt sich in Firebug ein. Dieses Addon haben wir weiter oben vorgestellt und ist Voraussetzung zur Installation von Google Page Speed.
Mit Page Speed bekommt man im Unterreiter Performance den "Page Speed Score" angezeigt, sowie Elemente, die geprüft wurde. Ein Pluszeichen gibt weitere Hinweise zur zur Optimierung und Performance-Steigerung. Ein Ampelsystem zeigen die Problempunkte auf: Grüne Häkchen bedeuten alles okay, bei den roten besteht Nachbesserungsbedarf.
Der Unterbereich Ressources ist eine abgespeckte Form des Netzwerk-Reiters von Firebug.
Bookmarks:
Delicious Facebook Google Yahoo Mr. Wong Linkarena Digg