Page Load Testing Speed Mit Firebug
- Sagen /
- 3 Comments / AJAX, CSS, Process / 8.24.08 / 3 Kommentare / /
Je mehr ich mich mit Hilfe von JavaScript, um so mehr ich fange an, über das Gewicht meiner Seiten zu machen. Mit dem Einsatz von jQuery, vieles, was tradiotionally Server-Seite kann nun auf der Client-Seite mit JavaScript behandelt werden.
Also, wie geht ein über das Messen der Zeit es braucht, um es zu laden Website? Außerdem, wie können wir feststellen, welche Dateien nehmen die meiste Zeit zu laden? Die Antwort ist FireBug Net Systemsteuerung.
Um die Netto-(kurz für "Network Monitoring verwenden)-Tools müssen Sie auf die" Netto-go "-Registerkarte in Firebug und aktive ihnen.
Dann laden Sie einfach Ihre Seite und zusehen, wie Firebug sagt Ihnen, die Ladezeit der einzelnen Ziffern der Reihe nach, ob das Element eine CSS-, JavaScript-oder Bilddatei ist.
FireBug wird Ihnen mit der Überwachung zu folgenden Themen:
- XMLHttpRequest / AJAX Überwachung
- Untersuchen Sie HTTP-Header
- Ob eine Datei wurde nicht im Cache zwischengespeichert oder
- Break it down nach Dateityp (CSS, Bilder, JavaScript, etc.)
- Sehen Sie sich das entfalten Timeline

















8:30 AM Andreas / 8.25.08 / 8.30
Ich würde empfehlen, die YSlow Erweiterung für Firebug für diese Art von Tests. Die Netto-Registerkarte ist groß, aber YSlow wirklich gibt Ihnen viele Tipps und Informationen über die Geschwindigkeit Ihrer Website.
Sie können auch mit der Konsole auf bestimmte Teile Ihres JS Zeit mit console.time () und console.timeEnd () (mehr hier: http://getfirebug.com/logging.html).
12:34 PM zuborg / 9.15.08 / 12:34
Richtig, YSlow eine spezifische Performance-Tests Addon für Firebug
Ich würde auch empfehlen, dieses Online-Gratis-Tool: http://Site-Perf.com/
Es messen Geschwindigkeit beim Laden der Seite und es ist Requisiten (Bilder / js / css), wie Browser und zeigt schöne detaillierte Diagramm - so können Sie problemlos vor Ort Engpässe.
Ebenfalls sehr nützlich ist, dass dieses Tool in der Lage ist, um Netzwerk-Qualität Ihres Servers zu überprüfen (Paketverlust Ebene und Verzögerungen Ping).
1:15 PM kevin / 9.15.08 / 1:15 PM
Sehr cool, thanks for adding zur Post.