L'exprimer

Inclure JavaScript au bas du document HTML

Si vous n'avez pas document.write (ou n'importe quelle autre génération dynamique de contenu de la page en utilisant javascripts) pour insérer une partie du contenu de la page dans vos scripts, déplacez le script include au bas de la page, avant la fin de la balise BODY.
La spécification HTTP/1.1 suggère que les navigateurs de télécharger plus de deux composants en parallèle par le nom d'hôte. Si vous servez vos images à partir de noms d'hôtes multiples, vous pouvez obtenir plus de deux téléchargements de se produire en parallèle. Alors que le téléchargement est un script, cependant, le navigateur ne démarre pas tout télécharger d'autres fichiers, même les noms de domaines différents.
Il ya aussi des façons de créer dynamiquement des nœuds de script et charger des scripts à distance après la page est chargée en utilisant AJAX.

Externaliser vous JavaScript

Utilisation des fichiers JavaScript externes se traduira par un chargement plus rapide des pages, parce que les fichiers JavaScript sont mis en cache par le navigateur. «Inline JavaScript dans les documents HTML se téléchargées à chaque fois le document HTML est demandée. Cela pourrait effectivement réduire le nombre de requêtes HTTP faites, mais il augmente par la suite la taille du document HTML. JavaScript externe sont mis en cache par le navigateur, la taille du document HTML est réduite sans pour autant augmenter le nombre de requêtes HTTP.
S'il vous plaît noter que, si les utilisateurs sur votre site ont une vue de plusieurs pages par session et nombre de vos pages réutiliser les mêmes scripts et feuilles de style, il ya un plus grand bénéfice potentiel de mise en cache des fichiers externes.

Emballez vos fichiers JavaScript

En cas de JavaScripts, contrairement à CSS, les fichiers peuvent croquer à l'aide des algorithmes classiques qui donnent une taille de fichier réduite que de simplement la suppression des espaces ou des tabulations. Un exemple de javascript emballeur peuvent être trouvés ici http://dean.edwards.name/packer/

Débarrassez-vous de tous les scripts en double

Il est très rare que les scripts entiers peuvent être dupliquées, mais un examen des dix premiers sites web américains montre que deux d'entre eux contiennent un script en double. Dupliquer des scripts, mais réduit évidemment la performance par la création de requêtes HTTP inutiles et le gaspillage d'exécution JavaScript.
En outre, dans de nombreux cas, bien que les noms des scripts sont différents, il ya un risque de scripts en double dans la même page en raison de la taille des équipes et le nombre de scripts.

Réduire l'accès aux éléments DOM lorsque cela est possible

Accès aux éléments DOM avec JavaScript est lente de sorte afin d'avoir une page plus réactive, vous devez:
Références à des éléments • Cache accessibles
• Les nœuds de mise à jour "hors ligne", puis les ajouter à l'arbre
• Évitez de fixer mise en page avec JavaScript

Comportement séparée du contenu et de présentation

Tout comme nous Présentation séparée (CSS / XSLT) à partir de contenu (XHTML / XML), nous devrions également séparer le comportement (Javascript). C'est ce qu'on appelle Javascript discret. Tout comme nous lier à des fichiers CSS externes, nous devrions créer un lien vers des fichiers externes javascript.

Au lieu de codage du comportement dur dans le contenu (par exemple onmouseover, onclick, etc), le comportement devrait être dynamiquement ajouté à des éléments, des classes, et les éléments uniques (ID) en utilisant le DOM. Le document de base, le contenu, ne doit contenir que valide XHTML / XML et pas javascript.
Javascript doit augmenter le contenu en ajoutant des comportements. Le contenu doit rester utile et utilisable sans javascript (ou sans javascript plein appui).