28 avr. 2011

[astuce] Optimiser le chargement de jQuery

jQuery est une librairie javascript très populaire sur le web. Mais si beaucoup de site l'utilisent, celà implique qu'à chaque nouveau site visité le framework est re-téléchargé à chaque fois, et stocké dans le cache individuellement pour chaque site.

La solution est que tout le monde utilise une même adresse pour jQuery, plutot que chaque site l'héberge à sa sauce. Ceci améliorera l'expérience utilisateur, car il n'aura en général pas besoin de télécharger le framework, et on aura une utilisation intelligente du cache du navigateur.

Evidemment, il n'est pas conseillé de faire ceci si on a besoin d'une version spécifique de jQuery.

Pour mettre à bien ceci, je vous conseil ce code, qui utilise le jQuery fourni par Google Code, et si le téléchargement échoue utilisera en second lieu votre fichier jQuery :

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js">
<script type="text/javascript">
// < ![CDATA[ if (typeof jQuery == 'undefined')
{
    document.write(unescape("%3Cscript src='http://www.monsite.com/js/jquery.min.js' type='text/javascript'%3E%3C/script%3E"));
}
// ]]>
</script>