IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

[Article] Performances de vos scripts : pensez à la console ! [Trucs & Astuces]


Sujet :

JavaScript

  1. #1
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 53
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Points : 91 418
    Points
    91 418
    Billets dans le blog
    20
    Par défaut [Article] Performances de vos scripts : pensez à la console !


    Nous avons souvent besoin de tester la performance de nos scripts.
    Pour cela, nous rencontrons souvent des fonctions spécifiques basées sur l'objet Date(), par exemple :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    var d1, d2;
    d1 = Date.now();
    // Code à tester ici
    d2 = Date.now();
    console.log(d2 - d1);
    Ce qui est dommage, c'est d'utiliser la console uniquement pour afficher le résultat alors que celle-ci est capable de faire le travail toute seule !
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    console.time('Nom du test');
    // Code à tester
    console.timeEnd('Nom du test');
    affichera directement le résultat souhaité.
    Nom : time.png
Affichages : 54
Taille : 58,6 Ko

    Compatibilité : Firebug, Chrome, Opera et Safari.
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

  2. #2
    Rédacteur/Modérateur

    Avatar de SylvainPV
    Profil pro
    Inscrit en
    Novembre 2012
    Messages
    3 375
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Novembre 2012
    Messages : 3 375
    Points : 9 944
    Points
    9 944
    Par défaut
    Il y a plein de petites choses dans l'API console qu'on ne soupçonne même pas et qui nous aident au quotidien.

    Par exemple :
    - console.assert pour les assertions
    - console.group pour réunir les logs par catégories
    - console.trace pour les call stacks
    - console.dir pour afficher un objet JS en détail
    - console.info / console.warn / console.error pour spécifier le niveau d'importance des logs

    https://developers.google.com/chrome...cs/console-api

    Avec tout ça on se demande pourquoi autant de gens utilisent encore des alert() pour debugger leur code
    One Web to rule them all

  3. #3
    Membre averti Avatar de Njörd
    Homme Profil pro
    Inscrit en
    Janvier 2010
    Messages
    190
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations forums :
    Inscription : Janvier 2010
    Messages : 190
    Points : 390
    Points
    390
    Par défaut
    Bonsoir,

    Citation Envoyé par SylvainPV Voir le message
    Il y a plein de petites choses dans l'API console qu'on ne soupçonne même pas et qui nous aident au quotidien.
    ...
    Terrible l'API ! Merci pour le lien et l'interpellation

Discussions similaires

  1. Le temps d'exécution de vos scripts perl!!
    Par djibril dans le forum Langage
    Réponses: 5
    Dernier message: 17/06/2009, 10h42
  2. Optimiser vos scripts
    Par djibril dans le forum Langage
    Réponses: 33
    Dernier message: 11/06/2009, 16h10

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo