Expressant TI

Incloure JavaScript a la part inferior del document HTML

Si no té document.write (o de qualsevol generació dinàmica de continguts de la pàgina Ús d'arxius JavaScript) per inserir part del contingut de la pàgina en els scripts, mogui l'script d'incloure una declaració a la part inferior de la pàgina, abans del final de l'etiqueta BODY.
L'especificació HTTP/1.1 suggereix que els navegadors de descàrrega no més de dos components en paral · lel pel nom de host. Si servirà a les seves imatges de diversos noms de host, pot obtenir més de dos descàrregues que es produeixen en paral · lel. Mentre que un script s'està descarregant, però, el navegador no s'iniciarà cap tipus de descàrrega d'una altra manera, fins i tot en els diferents noms de host.
També hi ha formes de crear dinàmicament els nodes SCRIPT i carregar scripts remots després de la pàgina es carrega mitjançant AJAX.

Externalitzar al JavaScript

Ús d'arxius JavaScript externs es traduirà en una càrrega més ràpida de pàgines a causa que els arxius JavaScript s'emmagatzemen en memòria cau pel navegador. "En línia Javascript en els documents HTML es descarreguen cada vegada que se sol · licita el document HTML. En realitat, això podria reduir el nombre de peticions HTTP realitzades però posteriorment augmenta la mida del document HTML. Externa de JavaScript s'emmagatzemen en memòria cau pel navegador, la mida del document HTML es redueix sense augmentar el nombre de peticions HTTP.
Tingueu en compte que, si els usuaris del seu lloc amb vistes de diverses pàgines per sessió i moltes de les seves pàgines de tornar a utilitzar els mateixos scripts i fulls d'estil, hi ha un major benefici potencial de la memòria cau d'arxius externs.

Empaquetar els arxius Javascript

En el cas de JavaScript, a diferència de CSS, els arxius poden cruixir l'ús d'alguns algoritmes estàndard que donen una mida de fitxer reduït a la simple eliminació d'espais o tabuladors. Un exemple de Javascript empacador es pot trobar aquí http://dean.edwards.name/packer/

Deshágase dels scripts duplicats

És molt inusual que els guions sencers podria ser duplicat, però una revisió dels deu millors llocs web dels Estats Units mostra que dos d'ells contenen un guió duplicat. Duplicar les seqüències d'ordres però, òbviament, redueix el rendiment mitjançant la creació de les peticions HTTP innecessàries i pèrdua de l'execució de Javascript.
A més, en molts casos, encara que els noms de les seqüències d'ordres són diferents, hi ha una probabilitat d'scripts duplicats a la mateixa pàgina per la grandària de l'equip i el nombre de seqüència.

Reduir al mínim l'accés als elements DOM quan sigui possible

Accés als elements DOM amb JavaScript és lent pel que per tal de tenir una pàgina de major capacitat de resposta, vostè ha de:
• Les referències als elements de memòria cau d'accés
• Els nodes d'actualització "en línia" i després afegir l'arbre
• evitar la fixació de disseny amb JavaScript

Comportament separat del contingut i presentació

Així com la presentació per separat (CSS / XSLT) de continguts (XHTML / XML), també cal separar el comportament (Javascript). Això es diu Javascript discreta. Així com enllaços a arxius CSS externs, que hauria enllaçar a arxius externs de JavaScript.

En lloc d'un comportament difícil de codificació en el contingut (per exemple, onMouseOver, onclick, etc), el comportament ha d'agregar de manera dinàmica als elements, classes i elements singulars (IDS) utilitzant el DOM. El document fundacional, el contingut, ha de contenir només és vàlid XHTML / XML i Javascript.
Javascript ha d'augmentar el contingut mitjançant l'addició de comportament. El contingut ha de continuar sent útil i utilitzable sense javascript (o sense el ple suport de Javascript).