Cum să accelereze codul JavaScript.
Reducerea activității în Loops
Buclele sunt adesea folosite în programare.
Fiecare declarație într - o buclă, inclusiv for declarația, este executat pentru fiecare iterație a buclei.
Căutați declarații sau sarcini care pot fi plasate în afara buclei.
Cod Bad:
for (i = 0; i < arr.length; i++) {
O mai bună Cod:
l = arr.length;
for (i = 0; i < l; i++) {Codul rău accesează proprietatea lungimea unei matrice de fiecare dată când bucla este iterate.
Codul de mai bine accesează proprietatea de lungime în afara buclei, și face pe termen bucla mai repede.
Reducerea DOM Access
Accesarea HTML DOM este foarte lent, în comparație cu alte declarații JavaScript.
Dacă vă așteptați să accesați un element DOM de mai multe ori, accesați-o dată, și de a folosi ca o variabilă locală:
Reducerea DOM Dimensiune
Păstrați numărul de elemente din DOM mici HTML.
Acest lucru va îmbunătăți întotdeauna pagina de încărcare și accelera de redare (page display) , în special pe dispozitive mai mici.
Orice încercare de a căuta DOM (like getElementsByTagName) vor beneficia de un DOM mai mic.
Evitați Variabile inutile
Nu creați noi variabile, dacă nu intenționați să salvați valorile.
De multe ori puteți înlocui codul de genul:
var fullName = firstName + " " + lastName;
document.getElementById("demo").innerHTML = fullName;
Cu asta:
document.getElementById("demo").innerHTML = firstName + " " + lastName
Întârziere JavaScript Loading
Punerea script în partea de jos a corpului paginii, permite browser-ul încărcați prima pagină.
În timp ce un script este descărcarea, browser-ul nu va porni alte download-uri. În plus, toate activitățile de parsare și de redare pot fi blocate.
Specificația HTTP definește ca browserele nu ar trebui să descarce mai mult de două componente în paralel.
O alternativă este de a utiliza defer="true" în tag - ul script - ul. defer atribut specifică faptul că script - ul ar trebui să fie executat după ce pagina a terminat parsing, dar funcționează numai pentru script - uri externe.
Dacă este posibil, puteți adăuga script-ul la pagina de cod, după încărcarea paginii:
Exemplu
<script>
window.onload = downScripts;
function downScripts() {
var element = document.createElement("script");
element.src = "myScript.js";
document.body.appendChild(element);
}
</script>Evitați Utilizarea cu
Evitați utilizarea cu cuvinte cheie. Acesta are un efect negativ asupra vitezei. De asemenea, clutters up lunete JavaScript.
WITH de cuvinte cheie nu este permisă în modul strict.