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

Antworten auf die Frage(6)

Ihre Antwort auf die Frage