¿Console.log reducirá el rendimiento de ejecución de JavaScript?

¿El uso de la función de depuración console.logreducirá el rendimiento de ejecución de JavaScript? ¿Afectará la velocidad de ejecución del script en entornos de producción?

¿Existe algún enfoque para deshabilitar los registros de la consola en entornos de producción desde una única ubicación de configuración?

Si va a tener esto en un sitio público o algo así, cualquier persona con poco conocimiento sobre el uso de las herramientas de desarrollo puede leer sus mensajes de depuración. Dependiendo de lo que esté registrando, esto puede no ser un comportamiento deseable.

Uno de los mejores enfoques es incluir el console.logen uno de sus métodos, y donde puede verificar las condiciones y ejecutarlo. En una compilación de producción, puede evitar tener estas funciones. Esta pregunta de Stack Overflow habla en detalle sobre cómo hacer lo mismo usando el compilador Closure .

Entonces, para responder a sus preguntas:

1. Sí, reducirá la velocidad, aunque solo de forma insignificante.
2. Pero no lo use, ya que es demasiado fácil para una persona leer sus registros.
3. Las respuestas a esta pregunta pueden darle pistas sobre cómo eliminarlas de la producción.

En realidad, console.loges mucho más lento que una función vacía. Ejecutar esta prueba jsPerf en mi Chrome 38 da resultados asombrosos:

• cuando la consola del navegador está cerrada, llamar console.loges aproximadamente 10000 veces más lento que llamar a una función vacía,
• y cuando la consola está abierta, llamarla es hasta 100 000 veces más lento .

No es que note el retraso en el rendimiento si tiene una cantidad razonable de console.…llamadas que se disparan una vez (cien tomarán 2 ms en mi instalación de Chrome, o 20 ms cuando la consola está abierta). Pero si registra cosas en la consola repetidamente, por ejemplo, conectándolo, requestAnimationFramepuede hacer que las cosas se vuelvan loca.

Actualizar:

En esta prueba también he comprobado la idea de un "registro oculto" personalizado para la producción, que tiene una variable que contiene mensajes de registro, disponible a pedido. Resulta ser

• aproximadamente 1000 veces más rápido que el nativo console.log,
• y obviamente 10 000 veces más rápido si el usuario tiene su consola abierta.

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

Si crea un acceso directo a la consola en un script central común, por ejemplo:

var con = console;

y luego use con.log ("mensaje") o con.error ("mensaje de error") en todo su código, en producción puede simplemente volver a cablear con en la ubicación principal para:

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

¿El uso de la función de depuración console.log reducirá el rendimiento de ejecución de JavaScript? ¿Afectará la velocidad de ejecución del script en entornos de producción?

Por supuesto, console.log()reducirá el rendimiento de su programa ya que requiere tiempo computacional.

¿Existe algún enfoque para deshabilitar los registros de la consola en entornos de producción desde una única ubicación de configuración?

Coloque este código al comienzo de su secuencia de comandos para anular la función estándar console.log por una función vacía.

console.log = function () { };

Cualquier llamada a función reducirá ligeramente el rendimiento. Pero algunos console.logno deberían tener ningún efecto notable.

Sin embargo, arrojará errores indefinidos en navegadores antiguos que no admiten console

El impacto en el rendimiento será mínimo, sin embargo, en los navegadores más antiguos, provocará errores de JavaScript si la consola de los navegadores de los usuarios no está abierta log is not a function of undefined. Esto significa que no se ejecutará todo el código JavaScript después de la llamada a console.log.

Puede crear un contenedor para verificar si window.consolees un objeto válido y luego llamar a console.log en el contenedor. Algo simple como esto funcionaría:

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

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

Aquí hay un violín: http://jsfiddle.net/enDDV/

Hice esta prueba jsPerf: http://jsperf.com/console-log1337

No parece tardar más que otras llamadas a funciones.

¿Qué pasa con los navegadores que no tienen una API de consola? Si necesita usar console.log para depurar, puede incluir un script en su implementación de producción para anular la API de la consola, como sugiere Paul en su respuesta.

Lo hago de esta manera para mantener la firma original de los métodos de la consola. En una ubicación común, cargada antes que cualquier otro JS:

var DEBUG = false; // or true 

Luego a lo largo del código

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