Há momentos em que é útil saber quanto tempo uma parte específica do código leva para ser executada. O exemplo abaixo foi tirado de um projeto que renderiza páginas de documentos na tela, sabendo quanto tempo o processo demorou foi extremamente valioso.
Graças à linha do tempo do Chrome, isso é muito fácil de realizar.
// start timer.
console.time('render pages');
this.model.get('pages').each( function ( page ) {
$('.pages', this.el).append( new PageView({ model: page }).render().el );
}, this);
// end timer.
console.timeEnd('render pages');Na próxima vez que você renderizar a página, o seguinte aparecerá no console.
Referências
Chrome Documentação Developer Tools