Se você assim como eu é fanático por performance e gosta de JavaScript já deve ter se perguntado como medir a performance de códigos JavaScript.
Como saber o quão rápido seu código é?
Bom para resolver esse problema temos algumas opções.
Medir a velocidade do carregamento da página
Medir a velocidade do carregamento da página, é o teste mais simples.
Mas isso nem sempre vai te dar uma visão real da performance do seu código JavaScript.
Já que esses testes analisam também outros pontos da página.
Entre elas a velocidade de carregamento de imagens por exemplo.
Além disso, medir a velocidade de carregamento da página só é aplicável a códigos de páginas web.
Não sendo válido para códigos escritos em Node.js por exemplo.
Por outro lado temos boas ferramentas que medem a velocidade de carregamento de páginas.
Além disso eles tem dicas de como melhorar a performance da página.
O meu preferido é o PageSpeed da Google.
Performance.now()
Uma forma de medir o intervalo de tempo entre partes do código é usando o performance.now().
Mas esse método também só funciona em páginas web.
Uma vez que já é uma função com foco em Service Workers.
Para saber mais sobre essa função confira o site da Mozilla.
Console.Time
Agora se você quer medir a velocidade do seu código usando node o melhor a se usar é o console.time junto do console.timeEnd.
Essas funções medem o tempo entre dois pontos do código de maneira simples.
Para isso é só passar uma chave igual na função inicial (console.time) e a função final (console.timeEnd).
As chaves usadas, são globais.
O que permite que sejam usadas em todo o código.
Facilitando assim, a comparação entre arquivos por exemplo.
Além disso é possível ter vários console.time executando ao mesmo tempo.
Veja um exemplo de uso no nesse post.
Como medir a performance de códigos Javascript – Conclusão
Eu mostrei as três formas que eu mais gosto.
Mas existem várias outras, inclusive alguns sites feitos só para isso.
Como o por exemplo o Benchmarkjs.
Agora se você quer saber como escrever código com performance confira o curso Pacote Full-Stack dos nossos parceiros da Danki Code.
