Console.log ridurrà le prestazioni di esecuzione di JavaScript?

L'uso della funzionalità di debug console.logridurrà le prestazioni di esecuzione di JavaScript? Influirà sulla velocità di esecuzione degli script negli ambienti di produzione?

Esiste un approccio per disabilitare i log della console negli ambienti di produzione da un unico percorso di configurazione?

Se hai intenzione di avere questo su un sito pubblico o qualcosa del genere, chiunque abbia poca conoscenza sull'uso degli strumenti per sviluppatori può leggere i tuoi messaggi di debug. A seconda di ciò che stai registrando, questo potrebbe non essere un comportamento desiderabile.

Uno degli approcci migliori è racchiudere il console.login uno dei tuoi metodi e dove puoi controllare le condizioni ed eseguirlo. In una build di produzione, puoi evitare di avere queste funzioni. Questa domanda su Stack Overflow parla in dettaglio di come fare lo stesso usando il compilatore Closure .

Quindi, per rispondere alle tue domande:

1. Sì, ridurrà la velocità, anche se solo in modo trascurabile.
2. Ma non usarlo perché è troppo facile per una persona leggere i tuoi registri.
3. Le risposte a questa domanda possono darti suggerimenti su come rimuoverli dalla produzione.

In realtà, console.logè molto più lento di una funzione vuota. L'esecuzione di questo test jsPerf sul mio Chrome 38 dà risultati sorprendenti:

• quando la console del browser è chiusa, la chiamata console.logè circa 10.000 volte più lenta della chiamata di una funzione vuota,
• e quando la console è aperta, chiamarla è fino a 100 000 volte più lenta .

Non che noterai il ritardo delle prestazioni se hai un numero ragionevole di console.…chiamate che si attivano una volta (cento richiederanno 2 ms sulla mia installazione di Chrome o 20 ms quando la console è aperta). Ma se accedi ripetutamente alla console, ad esempio requestAnimationFramecollegandola attraverso , può rendere le cose janky.

Aggiornare:

In questo test ho anche verificato l'idea di un "registro nascosto" personalizzato per la produzione, con una variabile che contiene i messaggi di registro, disponibile su richiesta. Si scopre che lo è

• circa 1000 volte più veloce del nativo console.log,
• e ovviamente 10.000 volte più veloce se l'utente ha la sua console aperta.

const DEBUG = true / false
DEBUG && console.log('string')

Se crei un collegamento alla console in uno script di base comune, ad esempio:

var con = console;

e quindi usa con.log ("messaggio") o con.error ("messaggio di errore") in tutto il codice, in produzione puoi semplicemente ricablare con nella posizione principale per:

var con = {
    log: function() {},
    error: function() {},
    debug: function() {}
}

L'uso della funzionalità di debug console.log ridurrà le prestazioni di esecuzione di JavaScript? Influirà sulla velocità di esecuzione degli script negli ambienti di produzione?

Ovviamente, console.log()ridurrà le prestazioni del tuo programma poiché richiede tempo di calcolo.

Esiste un approccio per disabilitare i log della console negli ambienti di produzione da un unico percorso di configurazione?

Inserisci questo codice all'inizio dello script per sostituire la funzione console.log standard con una funzione vuota.

console.log = function () { };

Qualsiasi chiamata di funzione ridurrà leggermente le prestazioni. Ma alcuni console.lognon dovrebbero avere alcun effetto evidente.

Tuttavia genererà errori indefiniti nei browser meno recenti che non supportano console

Il calo delle prestazioni sarà minimo, tuttavia nei browser meno recenti causerà errori JavaScript se la console dei browser degli utenti non è aperta log is not a function of undefined. Ciò significa che tutto il codice JavaScript dopo la chiamata console.log non verrà eseguito.

È possibile creare un wrapper per verificare se window.consoleè un oggetto valido, quindi chiamare console.log nel wrapper. Qualcosa di semplice come questo funzionerebbe:

window.log = (function(console) {
    var canLog = !!console;
    return function(txt) {
        if(canLog) console.log('log: ' + txt);
    };
})(window.console);

log('my message'); //log: my message

Ecco un violino: http://jsfiddle.net/enDDV/

Ho fatto questo test jsPerf: http://jsperf.com/console-log1337

Non sembra richiedere più tempo rispetto ad altre chiamate di funzione.

E i browser che non dispongono di un'API della console? Se è necessario utilizzare console.log per il debug, è possibile includere uno script nella distribuzione di produzione per sovrascrivere l'API della console, come suggerisce Paul nella sua risposta.

Lo faccio in questo modo per mantenere la firma originale dei metodi della console. In una posizione comune, caricata prima di qualsiasi altro JS:

var DEBUG = false; // or true 

Quindi in tutto il codice

if (DEBUG) console.log("message", obj, "etc");
if (DEBUG) console.warn("something is not right", obj, "etc");