Cómo acelerar su código JavaScript.
Reducir la actividad en los bucles
Loops se utilizan a menudo en la programación.
Cada declaración en un bucle, incluyendo el for la declaración, se ejecuta para cada iteración del bucle.
Búsqueda de declaraciones o tareas que se pueden colocar fuera del bucle.
Código mal:
for (i = 0; i < arr.length; i++) {
Mejor Código:
l = arr.length;
for (i = 0; i < l; i++) {El código de acceso a la propiedad mal longitud de una matriz cada vez que se repite el bucle.
El código de mejor acceso a la propiedad de longitud fuera del bucle, y hace que el bucle de ejecución más rápida.
Reducir el acceso DOM
Acceso al HTML DOM es muy lento, en comparación con otras sentencias de JavaScript.
Si usted espera para acceder a un elemento DOM varias veces, acceder a ella una vez, y lo utilizan como una variable local:
Reducir el tamaño de DOM
Mantener el número de elementos en el DOM HTML pequeña.
Esto siempre será mejorar la carga de la página, y la velocidad de renderizado (visualización de la página), especialmente en dispositivos más pequeños.
Todo intento de buscar el DOM (como getElementsByTagName) se beneficiará de un DOM menor.
Evitar variables innecesarias
No crear nuevas variables si no se va a guardar los valores.
A menudo se puede sustituir código como este:
var fullName = firstName + " " + lastName;
document.getElementById("demo").innerHTML = fullName;
Con este:
document.getElementById("demo").innerHTML = firstName + " " + lastName
Retraso JavaScript Cargando
Poner las secuencias de comandos en la parte inferior del cuerpo de la página, el navegador le permite cargar la página en primer lugar.
Mientras que un script se está descargando, el navegador no se iniciará ningún otro descargas. Además toda la actividad de análisis y la representación podría ser bloqueado.
La especificación HTTP define que los navegadores no deben descargar más de dos componentes en paralelo.
Una alternativa es utilizar defer="true" en la etiqueta script. El atributo Defer especifica que el script debe ser ejecutado después de que la página ha terminado el análisis, pero sólo funciona para los scripts externos.
Si es posible, se puede añadir la secuencia de comandos a la página con el código, después de que la página se ha cargado:
Ejemplo
<script>
window.onload = downScripts;
function downScripts() {
var element = document.createElement("script");
element.src = "myScript.js";
document.body.appendChild(element);
}
</script>Evitar el uso de la
Evitar el uso de la palabra clave con. Tiene un efecto negativo en la velocidad. También estorba hasta alcances de JavaScript.
La palabra clave con no está permitido en modo estricto.