jeudi 12 janvier 2017

[JAVASCRIPT-ANGULAR] - Mesurer le temps d'éxécution d'un script

Pour mesurer le temps d’exécution d'un code javascript, il suffit d'ajouter la ligne suivante au début du code :

console.time("native-for");

et cette ligne à la fin du code à mesurer :

console.timeEnd("native-for");

Pour illuster, voici un exemple :

console.time("native-for");
for (var i = 0; i < vm.listePays.length;i++) {
    if (vm.listePays[i].code==='FR')
    {
        vm.data.pays=vm.listePays[i];
    //break;
    }
}
console.timeEnd("native-for");


console.time("angular-foreach");
angular.forEach(vm.listePays, function(value, key) {
    if(value.code==='FR')
    {
        vm.data.pays=value;
    }
});
console.timeEnd("angular-foreach");

Ce qui donne dans la console :





J'ai commenté le "break" pour le "native-for" pour que l'on mesure la même chose, et on voit bien que le native-for est plus rapide que le foreach d'angular, donc il vaut mieux utiliser le for natif de javascript.