Cómo medir código JavaScript con performance.now()

A veces queremos conocer el rendimiento o el tiempo que toma una función o proceso en nuestra aplicación, y podemos resolverlo usando performance.now().

performance.now() nos ayuda a obtener el tiempo en milisegundos, lo que nos permite medir el tiempo exacto que tarda una función en completar su proceso.

Usando performance.now

Podemos tomar el valor actual de performance.now() y compararlo cuando nuestra función termine su proceso, tal como muestro en mi ejemplo:

function getUsers() {
  console.log("Start...")
  let from = performance.now();
  setTimeout(() => {
    console.log("Getting users..")
    let to = performance.now()
    let total = from - to;
    console.log(`Total miliseconds ${total}`); 
  },3000)
}
// Total miliseconds -3003

Si quieres aprender más sobre esto, te invito a consultar estos recursos:

• https://developer.mozilla.org/en-US/docs/Web/API/Performance/now
• https://developers.google.com/web/updates/2012/08/When-milliseconds-are-not-enough-performance-now?hl=en