console.timeLog

Trabalho em um sistema realmente complexo depurador na Mozilla, mas, e não digam aos meus colegas, às vezes gosto de simplesmente usar o console.log e outros console para obter alguns resultados simples. Eu sei, eu sei, mas ei – o que quer que seja que faça o trabalho. Há alguns anos, detalhei console.time e console.timeEnd para medir o tempo para um determinado conjunto de tarefas; deixe-me mostrar ao senhor console.timeLoguma nova função no Firefox Nightly para registrar eventos durante uma console.time timer!

Comece dando o pontapé inicial no cronômetro com um nome de sua escolha:

console.time("MyApp");

Sempre que quiser o valor intermediário do timer, bem como informações extras, como valores de variáveis ou objetos, o senhor pode usar console.timeLog:

// Same timer name, provide sublabel and optional info
console.timeLog("MyApp", "constructor"); 
// MyApp: 4ms constructor

console.timeLog("MyApp", "render", this.state);
// MyApp: 2ms render Object { disabled: false }

Quando suas tarefas cronometradas forem concluídas, o senhor pode ligar para console.timeEnd para interromper o cronômetro:

console.timeEnd("MyApp");
// MyApp: 10ms

O Firefox tem uma guia Performance para obter métricas de desempenho muito detalhadas, mas, como sempre, o console é uma ótima maneira de obter algumas informações básicas em um relance. O timeLog é uma excelente maneira de obter informações e tempo intermediários enquanto o script é executado!