[JavaScript] Charger dynamiquement les frameworks javascript (Mootools, JQuery, etc…) grâce à Google API

By Aymeric on septembre 27th, 2009

Petite astuce que j’ai découvert il y a quelques jours : la possibilité de charger grâce à Google API les fichiers javascript nécessaires au fonctionnement des frameworks javascript comme Mootools, jQuery, DoJo, etc… (liste complète disponible ici).

Pourquoi utiliser Google plutôt qu’une copie du fichier .js sur votre serveur ?

  • Les serveurs de Google sont surement plus rapides que celui qui héberge votre site web
  • Le poids de la page est diminué
  • Economie de la bande passante
  • Même si Google API prévoit un système de versionning dans son appel aux libraires, il permet de toujours avoir la dernière version sortie de la librairie.

L’inconvénient que beaucoup avanceront sera le fait que vous dépendez de Google, si il connait une défaillance, la librairie sera indisponible. Même problème si Google décide d’arrêter ce système ou de le modifier.

Comment ça fonctionne ?

Il suffit d’inclure entre les balise <head></head> de votre site le code suivant :

<script type="text/javascript" src="http://www.google.com/jsapi"></script>

afin de charger l’API Google.

Pour charger la librairie javascript que vous souhaitez (ici Mootools par exemple), ajouter toujours entre les balise <head></head> :

<script type="text/javascript">
    google.load("mootools", "1.2.3");
</script>

La list des codes à ajouter est disponible ici.