O console.time e console.timeEnd permitem que os desenvolvedores cronometrem qualquer rotina e obtenham uma duração em milissegundos. Como o desempenho do JavaScript está se tornando cada vez mais importante, é bom conhecer as técnicas básicas de benchmarking de rotinas. Uma das ferramentas de benchmarking mais básicas é o console.time com console.timeEnd.


console.time inicia o tempo e o console.timeEnd interrompe o cronômetro e exibe a duração:



// Kick off the timer
console.time('testForEach');

// (Do some testing of a forEach, for example)

// End the timer, get the elapsed time
console.timeEnd('testForEach');

// 4522.303ms (or whatever time elapsed)


Passar o nome de um temporizador como primeiro argumento permite que o senhor gerencie temporizadores simultâneos. O console.timeEnd exibe imediatamente o tempo decorrido em milissegundos.


Existem técnicas mais avançadas para testes de desempenho e benchmarking, mas o console.time/timeEnd fornecem um método manual rápido para teste de velocidade!

  • API de vibração

    Muitas das novas APIs fornecidas pelos fornecedores de navegadores são mais voltadas para o usuário móvel do que para o usuário de desktop. Uma dessas APIs simples é a API de vibração. A API de vibração permite que os desenvolvedores direcionem o dispositivo, usando JavaScript, para vibrar em…

  • Expressões regulares para o resto de nós

    Mais cedo ou mais tarde, o senhor se deparará com uma expressão regular. Com sua sintaxe enigmática, documentação confusa e enorme curva de aprendizado, a maioria dos desenvolvedores se contenta em copiá-las e colá-las do StackOverflow e torcer para que funcionem. Mas e se o senhor pudesse decodificar as expressões regulares e aproveitar seu poder? Em…

  • jQuery Wookmark

    A primeira coisa que acontece quando o senhor visita o Pinterest é: “Uau, as colunas têm a mesma largura e as fotos são cortadas para caber do jeito que deveriam”. Os usuários básicos da Web provavelmente não pensam nisso, mas, como desenvolvedor, posso apreciar a…

  • MooTools Fun with Fx.Shake

    Adicionar movimento ao seu site é uma ótima maneira de atrair a atenção para elementos específicos que o senhor deseja que os usuários notem. É claro que o senhor poderia usar o Flash ou um GIF animado para obter o efeito de movimento, mas os gráficos podem ser difíceis de manter. Então, entre…