Ki ga izraža

Vključi JavaScript organizacij na dnu dokumenta HTML

Če nimate document.write (ali dinamično generacija vsebino strani s pomočjo javaScript) vstaviti del vsebine strani je v tvojih skript, premaknite scenarij vključuje izjavo na dnu strani, pred koncem TELO oznako.
HTTP/1.1 specifikacija kažejo, da naložite brskalnik največ dva komponent, vzporedno na gostitelja. Če služijo slike iz več gostiteljskega imena, lahko dobite več kot dve downloads, da se pojavljajo vzporedno. Medtem ko scenarij je prenos pa brskalnik ne bo začela druge prenose, tudi na različnih gostiteljskega imena.
Obstajajo tudi načini za dinamično ustvarjanje skripta vozlišč in obremenitev oddaljenih skripte, ko je stran naložena z uporabo AJAX.

Zunanje strukture vam JavaScript'S

Uporaba zunanjih datotek JavaScript bo imelo za posledico hitrejše nalaganje strani, saj so datoteke shranjene JavaScript s strani brskalnika. "Inline JavaScript je v dokumentih HTML dobili prenesli vsakič HTML dokument se zahteva. To bi dejansko zmanjšalo število zahtev HTTP, nato se poveča velikost HTML dokumenta. Zunanji JavaScripta, so cached s strani brskalnika, velikost dokumenta HTML se zmanjša, ne da bi povečanje števila zahtev HTTP.
Prosimo, upoštevajte, da se, če uporabniki na vašo spletno stran, imajo več pogledov strani na seji in veliko vaših straneh, ponovno uporabljajo enake skripte in slogi, obstaja večja možnost koristi od zunanjih predpomnilniku datotek.

Pakiranje Tvoj JavaScript datoteke

V primeru javaScript, za razliko od CSS, datoteke lahko crunched uporabo nekaterih standardnih algoritmov, ki bi dala znižano velikost datoteke kot samo odstranite presledke ali tabulatorje. Primer javascript pakirnice lahko najdete tukaj http://dean.edwards.name/packer/

Znebite se vseh podvojene Scripts

To je zelo nenavadno, da bi se podvajajo celotne skripte, vendar pregled desetih najboljših ameriških spletnih strani je pokazala, da dve od njih vsebuje podvojeno scenarij. Dveh izvodih skripte vendar očitno zmanjšuje učinkovitost z ustvarjanjem nepotrebne zahteve HTTP in zapravlja JavaScript izvedba.
Poleg tega v mnogih primerih, čeprav so skripte imena so drugačna, obstaja verjetnost podvojene skripte znotraj iste strani zaradi velikosti skupine in števila scenarijev.

Zmanjšajo dostop DOM elemente, kjer je mogoče

Dostop DOM elemente z JavaScriptom je počasen, tako da bi imeli bolj odzivno strani, morate:
• Začasni sklicevanje na dostopni elementi
• Posodobitev vozlišča "offline" in jih nato dodajte v drevo
• Izogibajte določitvi postavitev z JavaScriptom

Ločeno obnašanje vsebini in navedbi

Tako kot smo ločeni Predstavitev (CSS / XSLT) iz vsebine (XHTML / XML), moramo ločiti tudi vedenje (JavaScript). To se imenuje nevsiljiv Javascript. Tako kot smo povezave do zunanjih datotekah CSS, moramo povezati z zunanjimi datotekami javascript.

Namesto trdega kodiranja vedenja v vsebino (npr. onmouseover, onclick, itd), je treba dinamično obnašanje se dodajo elementi, razrede in unikatnih elementov (IDS) z uporabo DOM. Temeljni dokument, vsebina, bi moral vsebovati le veljavna XHTML / XML in ni Javascript.
Javascript mora bogatenje vsebin z dodajanjem vedenje. Vsebina mora ostati koristne in uporabne brez JavaScript (ali brez polno podporo javascript).