Wie kann ich überwachen, die Zeit zum Rendern im browser?

Ich arbeite auf einer internen corporate-system, das ein front-end-Webserver mit Tomcat.

  1. Wie kann ich überwachen, die rendering-Zeit von bestimmten Seiten in einem browser (IE6)?
  2. Ich möchte in der Lage sein auf die Präsentation der Ergebnisse in einer log-Datei (separate log-Datei oder das Tomcat access log).

EDIT: im Idealfall muss ich monitor die Darstellung auf den clients den Zugriff auf die Seiten.

  • Kennen Sie "Fiddler" (fiddler2.com/fiddler2/version.asp) ?
  • Fiddler kann die Zeit Messen, die es dauert, die Anfrage auszuführen, und die übertragung an den client, aber wenn die Seite javascript zu schwer oder zu groß, wird es eine zusätzliche Verzögerung während der browser verarbeitet den DOM und javascript. Dies gilt insbesondere für den IE6.
  • "Fiddler ist nicht nötig" 😀
  • Neben Fiddler Durcheinander mein system. Ich würde nicht installieren auf meinem Rechner.
InformationsquelleAutor adpd | 2010-03-25
  1. 7

    Bei einem browser JavaScript aktiviert ist eines der Dinge, die Sie tun können, ist zu schreiben, ein inline-script aus und schicken Sie es als erstes in den HTML-Code. Das Skript würde zwei Dinge tun:

    1. Datensatz aktuelle Systemzeit in eine JS-variable (wenn man Glück hat, könnte die Zeit entsprechen in etwa den Seitenaufbau starten der Zeit).
    2. Befestigen JS-Funktion auf der Seite ein onLoad-Ereignis. Diese Funktion wird dann die Abfrage der aktuellen system-Zeit mal wieder, subtrahieren Sie die Startzeit von Schritt 1 aus und senden Sie es an den server, zusammen mit der Seite Speicherort (oder einige einzigartige ID, die Sie einfügen könnte in das inline-Skript dynamisch auf Ihrem server).
    <script language="JavaScript">
var renderStart = new Date().getTime();
window.onload=function() { 
   var elapsed = new Date().getTime()-renderStart;
   //send the info to the server 
   alert('Rendered in ' + elapsed + 'ms'); 
} 

</script>

... usual HTML starts here ...

    Würden Sie brauchen, um sicherzustellen, dass die Seite nicht überschreiben onload später in den code, fügt aber hinzu, an den event-Handler-Liste statt.

    • +1 - Das klingt wie die Art von Sache, die ich derzeit im Auge haben. Gut, die Bestätigung, dass die Linie des Denkens. Irgendjemand der Meinung ist das der falsche Ansatz?
    • Dieses ist nun obsolet. Es war das beste, was Sie tun konnte, zurück in 2010, aber im Jahr 2012 die meisten Browser unterstützen die W3C-Performance-Timing spec, und das ist ein viel besserer Weg, um diese Informationen zu erhalten.
    • Funktioniert dies nicht. Es misst die Zeit, bis alles geladen ist, aber nicht gerendert. Versuchen Sie generieren einen großen SVG. Die onload event wird ausgelöst, wenn die Größe der SVG-Bild ist bekannt, aber die Benutzer können nicht sehen, das Bild für einige Zeit, bis es gerendert ist.
    InformationsquelleAutor Vlad Gudim
  2. 8

    Den Navigation Timing API ist in modernen Browsern (IE9+), außer Safari:

    function onLoad() { 
  var now = new Date().getTime();
  var page_load_time = now - performance.timing.navigationStart;
  console.log("User-perceived page loading time: " + page_load_time);
}
    InformationsquelleAutor Brian Low
  3. 0

    Soweit nicht-invasive Techniken betroffen sind, Hammerhead Maßnahmen komplette Ladezeit (einschließlich der JavaScript-Ausführung), wenn auch nur Firefox.

    Ich gesehen habe, brauchbare Ergebnisse, wenn ein JavaScript-snippet Hinzugefügt werden könnten weltweit zu Messen, die start und Ende jeder Seite laden Betrieb.

    InformationsquelleAutor Tomislav Nakic-Alfirevic
  4. 0

    Haben Sie einen Blick auf Selen - bieten Sie eine Fernbedienung, die automatisch mit starten verschiedenen Browsern (z.B. IE6), laden Sie Seiten testen, für die bestimmte Inhalte auf der Seite. Am Ende Berichte erzeugt werden, zeigen auch die rendering-Zeiten.

    InformationsquelleAutor pitpod
  5. 0

    Da andere posting Antworten, die andere Browser verwenden, ich denke ich werde auch. Chrome hat eine sehr detaillierte profiling-system, das bricht das Rendern der Seite und zeigt die Zeit, die für jeden Schritt entlang der Weise.

    Als für den IE, möchten Sie vielleicht zu prüfen, ist das schreiben eines plugins. Es scheint zu sein, einige Werkzeuge, wie diese auf dem Markt. Vielleicht können Sie es verkaufen.

    • Ich Stimme mit den (zu) wenigen "tools" auf dem Markt für den IE. Schreiben Sie eine plug-in möglicherweise nicht eine schlechte Idee. Ich kann einen Blick auf, dass man. Vielen Dank für den Hinweis auf Chrome, aber die client-Maschinen müssen laufen, IE6 für die Zeit-sein, wie das Unternehmens-IT-Richtlinie. Wenn eine Aktualisierung kommt rund, es wird IE7 oder IE8 sicher. Wenn nur ich hatte den Luxus, von anderen Browsern...
    InformationsquelleAutor Nathan Osman
  6. 0

    Auf Firefox können Sie Firebug zum überwachen der Last der Zeit. Mit dem YSlow-plugin können Sie auch Empfehlungen zur Verbesserung der Leistung.

    InformationsquelleAutor Zoltan
Schreibe einen Kommentar