Cele mai bune practici: de lucru cu Javascript
Include de JavaScript la fund a documentului HTML
Dacă nu aveţi document.write (sau orice generarea dinamică a conţinutului paginilor folosind javascript) pentru a insera o parte din conţinutul paginii în script-urile tale, mutaţi script-ul conţine şi declaraţia la partea de jos a paginii, înainte de sfârşitul tag-ul BODY.
Caietul de sarcini HTTP/1.1 sugerează că browser-descărcare nu mai mult de două componente, în paralel, pe numele gazdei. Dacă vă servi imaginile din numele gazdelor mai multe, puteţi obţine mai mult de două descărcări să apară în paralel. În timp ce un script este descărcarea, cu toate acestea, browser-ul nu va porni nici alte descărcări, chiar şi pe hosturi diferite.
Există, de asemenea, moduri de a crea dinamic noduri script-ul şi script-uri de la distanţă după ce incarca pagina este încărcată cu ajutorul AJAX.
Externaliza ai lui JavaScript
Utilizarea fişierelor externe JavaScript va duce la încărcare mai rapidă a paginilor, deoarece fisierele JavaScript sunt memorate în cache de către browser. "Inline JavaScript în documentele HTML se descărcate de fiecare dată când documentul HTML este solicitat. Acest lucru ar putea reduce de fapt, numărul de cereri HTTP facute, dar creşte ulterior dimensiunea documentului HTML. Extern JavaScript sunt cache de browser-ul, dimensiunea documentului HTML este redusă, fără a creşte numărul de cereri HTTP.
Vă rugăm să reţineţi că, în cazul în care utilizatorii de pe site-ul dvs. are mai multe vizualizări de pagini pe sesiune şi multe dintre paginile dvs. de re-folosesc script-urile şi aceleaşi stil, există un beneficiu mai mare potenţial de fisiere cache externe.
Ambalaj fişierelor Javascript
În caz de JavaScripts, spre deosebire de CSS, fişierele ar putea crunched utilizarea unor algoritmi standard de care ar da o dimensiune de fişier redusă decât a scoate pur şi simplu, spaţii sau tab. Un exemplu de JavaScript ambalatorului poate fi găsit aici http://dean.edwards.name/packer/
Scapa de orice script-uri duplicat
Este foarte neobisnuit ca script-uri întregi ar putea fi duplicat, dar o revizuire a zece de top din SUA site-uri arată că două dintre ele contine un script de duplicat. Duplicate script-uri, dar reduce în mod evident performanţa prin crearea de cereri HTTP inutile şi pierdut JavaScript executare.
De asemenea, în multe cazuri, deşi numele de script-uri sunt diferite, există o probabilitate de script-uri duplicat în aceeaşi pagină, din cauza dimensiunii echipă şi numărul de script-uri.
Minimizarea accesarea elemente DOM acolo unde este posibil
Accesarea elementelor DOM cu JavaScript este atât de lent, în scopul de a avea o pagină mai receptiv, trebuie:
• referiri la elementele de cache accesate
• noduri de actualizare "offline", şi apoi adăugaţi-le în copac
• Evitaţi de stabilire aspect cu JavaScript
Comportamentul separat de conţinutul şi prezentarea
Aşa cum am separat de prezentare (CSS / XSLT) la conţinut (XHTML / XML), ar trebui să ne separe, de asemenea, Behavior (JavaScript). Aceasta se numeşte Javascript discret. Aşa cum am lega la fişiere externe CSS, ar trebui să ne legaţi la fişiere externe javascript.
În loc de comportament greu de codificare în conţinut (de exemplu, onmouseover, onclick, etc), comportamentul dinamic trebuie să fie adăugate la elemente, clase, si elemente unice (IDS), folosind DOM. Documentul fundamental, de conţinut, trebuie să conţină numai valid XHTML / XML şi nu JavaScript.
Javascript trebuie sa insoteasca conţinutul prin adăugarea de comportament. Conţinutul trebuie să rămână util şi uşor de utilizat, fara javascript (sau fără sprijinul deplin JavaScript).
