Quiero monitorear el rendimiento de mi aplicación.
Para eso descubrí window.performance.timing.
Funciona bien, pero la función está en desuso.
Así que lo reemplacé con this.window.performance.getEntriesByType('navegación'); pero no tengo el mismo resultado:
con window.performance.timing recibo:
conectarFin: 1658410230499, conectarInicio: 1658410230499, domComplete: 1658410232018, domContentLoadedEventEnd: 1658410231130, domContentLoadedEventStart: 1658410231129, domInteractivo: 1658410231019, dom Cargando: 1658410230735, fin de búsqueda de dominio: 1658410230499, inicio de búsqueda de dominio: 1658410230499, buscarInicio: 1658410230499, Fin de evento de carga: 1658410232047, inicio de evento de carga: 1658410232018, inicio de navegación: 1658410230497, redirectEnd: 0, redirectStart: 0, solicitud de inicio: 1658410230502, final de respuesta: 1658410230719, inicio de respuesta: 1658410230712, inicio de conexión segura: 0, descargarEventEnd: 1658410230732, descargarEventStart: 1658410230732,
y con performance.getEntriesByType('navegación') recibo:
conectarFin: 1.5 conectarInicio: 1.5 decodificadoTamaño del cuerpo: 5725 domComplete: 1520.7000000029802 domContentLoadedEventEnd: 632.6000000014901 domContentLoadedEventStart: 631.9000000022352 domInteractivo: 522.2000000029802 fin de búsqueda de dominio: 1.5 inicio de búsqueda de dominio: 1.5 duración: 1549.5 tamaño del cuerpo codificado: 2117 tipo de entrada: "navegación" buscarInicio: 1.5 tipo de iniciador: "navegación" Fin de evento de carga: 1549.5 inicio de evento de carga: 1520.9000000022352 nombre: "https://mi-url" siguiente protocolo de salto: "http/1.1" redirectCount: 0 redirectEnd: 0 redirectStart: 0 solicitudInicio: 5.300000000745058 final de respuesta: 221.90000000223517 inicio de respuesta: 215.10000000149012 inicio de conexión segura: 1.5 tiempo del servidor: [] hora de inicio: 0 transferTamaño: 2417 escriba: "navegar" descargarEventoEnd: 235 descargarEventoInicio: 234.80000000074506 trabajadorInicio: 0
Entiendo que para window.performance.timing es un formato de marca de tiempo, pero para performance.getEntriesByType('navegación') no entiendo el tipo de formato.
Tienes una idea ?
window.performance.timing
[ MDN ]
devuelve valores de tiempo en milisegundos (probablemente un número entero largo) desde la época de UNIX. es una marca de tiempo absoluta . Si un valor devuelto es cero (como redirectEnd
), el evento/punto no se ha activado para esta página. Puede convertir ese valor en un valor de fecha y hora pasándolo al constructor Date
.
>> window.performance.timing.connectStart << 1658497148266 >> new Date(window.performance.timing.connectStart) << Fri Jul 22 2022 15:13:23 GMT+0200 (Mitteleuropäische Sommerzeit)
window.performance.get
[ MDN ]
devuelve la mayoría de los valores como una instancia de DOMHighResTimeStamp
[ MDN ] . Esas marcas de tiempo son relativas al tiempo de originTime
de la ventana [ MDN ] . El tiempo de origen es un valor en milisegundos desde la época de Unix y puede obtener el tiempo de origen por window.performance.originTime
.
>> window.performance.timeOrigin << 1658497148262.4 >> window.performance.getEntriesByType('navigation')[0].connectStart << 4.300000011920929 >> new Date(window.performance.timeOrigin + window.performance.getEntriesByType('navigation')[0].connectStart) << Fri Jul 22 2022 15:13:23 GMT+0200 (Mitteleuropäische Sommerzeit)