Isama ang JavaScript sa Ibaba ng Dokumento HTML
Kung wala kang document.write (o anumang mga pabago-bagong henerasyon ng mga nilalaman ng pahina na gamit ang javascripts) upang ipasok ang bahagi ng nilalaman ng pahina sa iyong mga script, ilipat ang script na isama ang pahayag sa ibaba ng pahina, bago ang katapusan ng tag BODY.
Ang HTTP/1.1 detalye nagmumungkahi na browser-download ng hindi hihigit sa dalawang bahagi kahanay bawat hostname. Kung maghatid ang iyong mga imahe mula sa mga maramihang mga hostname, maaari kang makakuha ng higit sa dalawang download na mangyari kahanay. Habang script ay-download, gayunpaman, ang mga browser ay hindi simulan ang anumang iba pang mga download, kahit na sa ibang mga hostname.
Mayroon ding mga paraan upang dynamic na lumikha ang ang nodes script at i-load ang mga remote script matapos ang pahina ay load gamit ang AJAX.
Externalise mo ang JavaScript sa
Paggamit ng mga panlabas na file JavaScript ay magreresulta sa mas mabilis loading ng mga pahina dahil sa JavaScript mga file ay naka-cache ng browser. Inline JavaScript sa HTML dokumento makapag-download sa bawat oras na ang dokumentong HTML ay hiniling. Ito ay maaaring aktwal na bawasan ang bilang ng mga HTTP kahilingan ginawa ngunit pagkatapos ito ay nagdaragdag ang laki ng dokumentong HTML. Panlabas na JavaScript ng naka-cache ng browser; ang laki ng dokumentong HTML ay nabawasan nang walang pagtaas ng bilang ng mga HTTP kahilingan.
Mangyaring tandaan na, kung ang mga gumagamit sa iyong site ay may maramihang mga page view bawat session at marami sa iyong mga pahina ng muling gamitin ang parehong mga script at stylesheets, mayroong isang mas mataas na potensyal na benepisyo mula sa naka-cache na mga panlabas na file.
Pack ang iyong mga File Javascript
Sa kaso ng JavaScripts, hindi katulad CSS, ang mga file ay maaaring crunched gamit ang ilang mga standard na algorithm na magbigay ng isang pinababang laki ng file na lang pag-alis ng mga espasyo o tab. Isang halimbawa ng javascript tagabalot ay matatagpuan dito http://dean.edwards.name/packer/
Mapupuksa ng anumang Nauulit na Script
Ito ay napaka-pangkaraniwang na ang buong script ay maaaring dobleng, ngunit ang isang pagsusuri ng sampung nangungunang US web site ay nagpapakita na ang dalawa sa kanila naglalaman ng isang dobleng script. Doblehin ang mga script ngunit malinaw naman binabawasan ang pagganap sa pamamagitan ng paglikha ng mga hindi kailangang mga kahilingan ng HTTP at nasayang JavaScript pagpapatupad.
Gayundin, sa maraming pagkakataon, kahit na ang mga script ng mga pangalan ng iba't ibang mga, may isang posibilidad ng mga nauulit na mga script sa loob ng parehong pahina dahil sa laki ng koponan at bilang ng mga script.
I-minimize ang access ng mga sangkap ng DOM kung saan maaari
Access elemento ng DOM sa JavaScript ay kaya na mabagal upang magkaroon ng isang mas tumutugon pahina, dapat mong:
• Mga sanggunian sa Cache-access ang mga elemento
• Update nodes "offline" at pagkatapos ay idagdag ang mga ito sa puno
• Iwasan ang pag-aayos ng layout sa JavaScript
Hiwalay Ugali mula sa Nilalaman at Pagtatanghal
Tulad ng namin hiwalay Pagtatanghal (CSS / XSLT) mula sa Nilalaman (XHTML / XML), dapat din namin paghiwalayin ang Ugali (Javascript) na. Ito ay tinatawag na tahimik Javascript. Tulad ng link namin sa panlabas na mga file ng CSS, ay dapat namin-link sa mga panlabas na mga file ng javascript.
Sa halip na mahirap pagkukudigo pag-uugali sa nilalaman (sa eg onmouseover, onclick, atbp), pag-uugali ay dapat dynamic na idinagdag na mga elemento, mga klase, at mga natatanging elemento (ID) gamit ang DOM. Ang foundational dokumento, ang mga nilalaman, dapat maglaman lamang ng wastong XHTML / XML at walang javascript.
Javascript ay dapat magdagdag ng nilalaman sa pamamagitan ng pagdaragdag ng pag-uugali. Ang nilalaman ay dapat na manatiling kapaki-pakinabang at kapaki-pakinabang na walang javascript (o walang buong javascript support).
