Head JS c’est quoi ?


Head JS est une petite librairie (2.3kb) écrit en JavaScript par Tero Piirainen qui permet d’optimiser le temps de chargement de vos pages. En effet ce programme rendra possible le téléchargement de plusieurs fichiers JavaScript simultanément sur votre site internet.

En prenant l’exemple présent sur le site de l’auteur on peut observer un chargement jusqu’à 11 fois plus rapide des fichiers, voici le résultat obtenu lors d’un essai avec une méthode de chargement traditionnelle (balise « script src » dans le <head>) et le navigateur Firefox 3.6 :

Head JS - chargement normal
Et le résultat obtenu avec le programme Head JS :
Head JS

De plus, une fois les fichiers stockés dans le cache du navigateur nous descendons à un temps de chargement de 18ms contre 360ms pour une méthode traditionnelle.

Mais cet outil permet bien d’autres choses, notamment :
– modifier l’ordre d’exécution des fichiers JavaScript.
– la détection des possibilités CSS3 du navigateur.
– la compatibilité HTML5 dans tous les navigateurs.
– connaitre la taille de l’écran.

Comment installer Head JS ?

Placez le fichier comme habituellement entre les balises de votre page HTML.
Et insérer tous vos fichiers JavaScript à charger de cette façon :

<script src="js/head.loader.js"></script> 
<script type="text/javascript">
head.js("js/jquery-1.4.4.js")
.js("js/prototype.js")
.js("js/common.js");
</script>

Cliquez-ici pour accéder au site Head JS

Nicolas Verhoye

Développeur Magento, Freelance

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *