Escuché una charla de Steve Souders hace unos días y mencionó la nueva especificación de rendimiento que están implementando los navegadores más nuevos y fue bastante intrigante. En su discurso, mencionó el siguiente ejemplo como un medio para medir el tiempo percibido de carga de la página:

var timing = performance.timing;
var loadtime = timing.loadEventEnd - timing.navigationStart;
alert("Perceived time:"+loadtime);

laramente, este es un ejemplo básico, pero cuando lo intento en mi entorno de desarrollo, obtengo números locos como -1238981729837 como respuesta porque loadEventEnd es <0.

Obviamente, algo anda mal y hay muchas mejoras que se pueden hacer en este ejemplo para brindar más información y producir una mayor confiabilidad. (Soy consciente de que esto solo se implementa en unos pocos navegadores).

Entonces, ¿cuáles son algunas sugerencias sobre cómo usar esta API para rastrear los tiempos de carga de la página a través de Javascript para analizar el rendimiento de mi sitio?