Erhalten Sie die Ladezeit der Seite in jQuery?

Question

Wie man die Ladezeit einer Seite in jQuery erhält?

Answer 1

Was ist das Ende des Seitenladens? window.onload?

var start = new Date();

$(window).load(function() {
   $('body').html(new Date() - start);
});

jsFiddle.

Wenn Sie neuere Browser unterstützen, können Sie new Date() mit Date.now() austauschen.

Answer 2

Bei großen Seiten oder Seiten mit Inline-JavaScript ist es eine gute Idee, zu überwachen, wie lange Seiten zum Laden benötigen.
Der folgende Code unterscheidet sich davon, auf das Laden von onload zu warten und misst nur die Ladezeit der Seite. [+]

var t = new Date();

… (deine Seite) …

new Image().src = '/load.gif?' + (new Date().getTime() - t.getTime());

load.gif kann ein generisches 1*1 Pixel GIF sein. Du kannst die Daten aus deinen Logdateien mit grep und sed extrahieren.

Siehe auch hier.

• Seitenladezeit mit Jquery
• Javascript: Zeit bis zur Seitenladezeit

---

Ein gutes diagnostisches Tool, um die Ladezeit der Seite zu messen, ist [jQTester]. Es ist ein Plugin, bei dem Sie kleine Codefragmente oben und unten auf Ihrer Seite platzieren. Wenn die Seite fertig geladen ist, erhalten Sie eine Benachrichtigung darüber, wie lange es gedauert hat, bis die Seite geladen wurde