Websourcing.fr » Actualités, Web, Logiciels et Fun

[Wordpress] GAL Plugin, substituez les versions locales de vos scripts par des versions Google

Tags: AJAX, Google, Javascript, Performance, Plugin, Webdesign, Webworker, Wordpress
Posté dans Billets, Logiciels & Webwares, Webworker par Lionel Roux le 6 fév 2009

Dans un précédent article, je vous expliquais pourquoi il est bon d’utiliser l’infrastructure de Google comme un CDN (Content Delivery Network) et comment cela peut accélérer le chargement de vos pages.

Les API Javascript / AJAX permettent de s’affranchir d’un grand nombre d’opérations répétitives et de gagner en productivité; les plus connues sont JQuery, Prototype, YUI …

Le problème vient de la multiplication de celles-ci. Il n’est pas rare qu’une page d’un blog par exemple, avec ses plugins, requière une bonne dizaine de fichiers JS, dont certains ont des tailles conséquentes (50~100Ko).

Sans compter qu’il faut gérer les versions et éventuellement s’occuper de mettre à jour l’ensemble pour bénéficier des dernières améliorations et corrections de bugs.

Le plugin pour Wordpress Google Ajax Libraries permet d’utiliser les versions hébergées par Google sur son infrastructure mondiale sans se soucier des versions nécessaires dans votre thème ou vos plugins.

Lorsqu’il est activé, le plugin va intercepter les ajouts de scripts de votre « header » (via la fonction wp_enqueue_script, donc tous les scripts de la plateforme et des plugins).
Il va ensuite substituer lres directives d’inclusions des fichiers locaux pa des appels aux fichiers hébergés par Google.

Ceci devrait grandement améliorer les temps de chargement de vos pages et en simplifier la maintenance.

La désactivation est totalement transparente et ne nécessite aucun changement.

Comme tout plugin, il suffit de le dézipper dans le répertoire /plugins et de l’activer.

Update:

après avoir lu le code, voici les script qui sont remplacé/optimisé:

"/jquery.js" 		=>	"http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js",
"/jquery.min.js" 	=>	"http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js",
"/jqueryui.js"		=>	"http://ajax.googleapis.com/ajax/libs/jqueryui/1/jquery-ui.min.js",
"/jquery-ui.min.js"	=>	"http://ajax.googleapis.com/ajax/libs/jqueryui/1/jquery-ui.min.js",
"/prototype.js"		=>	"http://ajax.googleapis.com/ajax/libs/prototype/1/prototype.js",
"/mootools.js"		=>	"http://ajax.googleapis.com/ajax/libs/mootools/1/mootools-yui-compressed.js",
"/scriptaculous.js"	=>	"http://ajax.googleapis.com/ajax/libs/scriptaculous/1/scriptaculous.js",
"/scriptaculous/builder.js"		=>	"http://ajax.googleapis.com/ajax/libs/scriptaculous/1/builder.js",
"/scriptaculous/effects.js"		=>	"http://ajax.googleapis.com/ajax/libs/scriptaculous/1/effects.js",
"/scriptaculous/dragdrop.js"	=>	"http://ajax.googleapis.com/ajax/libs/scriptaculous/1/dragdrop.js",
"/scriptaculous/controls.js"	=>	"http://ajax.googleapis.com/ajax/libs/scriptaculous/1/controls.js",
"/scriptaculous/slider.js"		=>	"http://ajax.googleapis.com/ajax/libs/scriptaculous/1/slider.js",
"/scriptaculous/sound.js"		=>	"http://ajax.googleapis.com/ajax/libs/scriptaculous/1/sound.js",
"/swfobject.js"		=>	"http://ajax.googleapis.com/ajax/libs/swfobject/2/swfobject.js",
"/yuiloader.js"		=>	"http://ajax.googleapis.com/ajax/libs/yui/2.6.0/build/yuiloader/yuiloader-min.js",
"/yuiloader-min.js"	=>	"http://ajax.googleapis.com/ajax/libs/yui/2.6.0/build/yuiloader/yuiloader-min.js"

Je pense qu’il est très simple d’en rajouter, y compris depuis d’autres hébergeurs / CDN.

Téléchargez Google AJAX Libraries Plugin pour Wordpress