Ladezeit mit JavaScript
Ich suche nach einer geeigneten Methode, um die Zeit zu testen, die eine Seite zum vollständigen Laden aller Ressourcen benötigt. Was ich bisher gemacht habe, ist hinzufügen:
window.startTime = (new Date).getTime(); // after the title in my page
Und
window.onload = function () {
console.log((new Date).getTime() - window.startTime);
}
window.addEventListener('load',function () {
console.log((new Date).getTime() - window.startTime);
},false);
Ganz unten in der Fußzeile. Ist das ein guter Weg, um zu messen? Könnte es Unterschiede zwischen Ladezeit und wahrgenommener Ladezeit geben? Nach dem, was ich sehe, werden die Ereignisse ausgelöst, nachdem alle Ressourcen einschließlich der Bilder geladen wurden. Gibt es Unterschiede zwischen den beiden Ereignissen? Kann ich dies auch mit PageSpeed testen? (Ich weiß, dass ich das mit Chrome Dev Tools machen kann, aber ich möchte auch ein Skript, damit ich die Daten verfolgen kann.)