Folgen Sie kevinlearynet on Twitter!

kevinleary.net

Page Load Testing Speed Mit Firebug

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.

FireBug Net Panel (disabled)

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 Page Load Times

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

Resources

Diese Website benutzt IntenseDebate Kommentare, aber sie sind nicht geladen, weil entweder Ihrem Browser JavaScript nicht unterstützt, oder sie wurde nicht geladen schnell genug.

3 Kommentare

  1. 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).

  2. 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).

  3. 1:15 PM kevin / 9.15.08 / 1:15 PM

    Sehr cool, thanks for adding zur Post.

Leave a comment

wird nicht veröffentlicht

Wrap Code-Blöcke mit <pre lang="LANGUAGE" line="1"> und </ pre> Wo die Sprache ist ein GeSHi unterstützt Syntax.