Quelle est la meilleure façon de charger jQuery?

L'utilisation d'un réseau de diffusion de contenu (CDN) pour les sites Web publics est assez fréquente. Pour en référencer, vous les incluez avec une étiquette de script comme n'importe quel autre fichier local:

JQuery exemple

<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script> 

Exemple de Google

 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script> 

Exemple de Microsoft

 <script src="http://ajax.aspnetcdn.com/ajax/jquery/jquery-1.8.0.min.js" type="text/javascript"></script> 

Devrais-je toujours faire référence à la dernière version?

Il existe un risque lorsque, par exemple, en utilisant le CDN jQuery pour toujours pointer vers la dernière version.

Dans les dernières versions, plusieurs méthodes ont été obsolètes, c'est-à-dire: toggle() – pour les événements de souris, live() , die() et autres.

Dans la mesure où je le sais sur les forums jQuery, ces méthodes obsolètes seront supprimées en permanence dans la version 1.9.

En outre, jQuery prévoit de relancer entre 1,9 et 2,0. Cependant, 2.0 n'est pas une continuation de 1.9, mais sera développé le long du côté.

2.0 ne supporte pas IE6, IE7 ou IE8. JQuery 1.9 restera compatible avec toutes les versions précédentes du navigateur.

Lisez la suite ici .

Pour ces raisons, je ne recommanderais pas automatiquement de signaler automatiquement la dernière version, mais je vous réfère explicitement à la version spécifique que vous soutenez.

Que faire si le CDN est en panne

Il arrive rarement, mais il se pourrait que le CDN soit en panne. Juste au cas où vous ne devriez pas subir la conséquence, vous pouvez mettre en œuvre un plan de secours.

 // Check if jQuery was initialized and if not (CDN was down for example), then // load jQuery from a local source. if(typeof jQuery === 'undefined'){ document.write(unescape("%3Cscript src='yourlocalpath/jquery.1.x.min.js' type='text/javascript'%3E%3C/script%3E")); } 

Disponibilité CDN et évaluation du rendement

En ce qui concerne la qualité et la performance des CDN disponibles, j'ai rencontré cet article très intéressant sur royal.pingdom.com.

Le rapport de Pingdom a révélé que les hôtes les plus couramment utilisés et gratuits de jQuery; Google, Microsoft et Media Temple; Se sont révélés fiables mais avec des performances incompatibles.

Pour évaluer les réseaux, Pingdom a effectué des essais de plusieurs sites en Europe et en Amérique du Nord, une fois par minute, 24 heures sur 24 pendant 30 jours.

Les résultats ont révélé que les trois offrent une excellente disponibilité, mais ce n'était pas le cas pour la performance.

Pour les sites qui n'utilisent pas HTTPS ou des serveurs sécurisés, Media Temple était de loin le plus rapide suivi de Google en Europe mais était en retard en Amérique du Nord. Pour les sites HTTPS, Google a été le plus rapide en Europe avec Google et Microsoft ayant des performances similaires en Amérique du Nord.

Microsoft a joué le pire en Europe mais était même avec Google en Amérique du Nord dans son ensemble.

Choisissez la version la plus récente de jQuery qui répond à vos besoins. En ce moment, ce serait 1.8. Ensuite, lisez-le sur un CDN gratuit et largement utilisé (Google ou Microsoft probablement).

Vous devez lier une version spécifique de jQuery. Bien qu'il existe un lien pour la dernière version de jQuery, vous ne devriez PAS lier cela car lorsque cela change, votre site pourrait se rompre sans que vous le sachiez. Vous devez lier uniquement à une version spécifique de jQuery. Voici le code pour lier à 1.8.1 sur Google CDN.

 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script> 

Si vous voulez vraiment optimiser les succès de votre cache de navigateur, vous choisissez et testez avec une version de jQuery largement déployée maintenant (je crois qu'il y a des statistiques Web quelque part sur la quantité de chaque version utilisée) et que vous actualiseriez régulièrement Pour suivre la version la plus utilisée. Je soupçonne qu'il s'agit d'une micro-optimisation et de choisir n'importe quelle version récente dont vous avez testé est adapté et vous donnera les avantages d'utiliser un CDN commun.

Je recommande de référencer un numéro de version statique à partir de Google ou Microsoft CDN. Utilisez la dernière version pour le développement maintenant. Si vous effectuez des modifications nécessitant des fonctionnalités plus récentes, modifiez simplement votre référence dans vos mises en page.

Le CDN de Google ressemble à:

 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script> 

Pour la dernière version, vous pouvez charger directement depuis jQuery:

 <script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script> 

Il existe également d'autres réseaux de diffusion de contenu que vous pouvez également charger.

Certains des CDN populaires sont:

• JQuery (code.jquery.com)
• Microsoft (ajax.microsoft.com)
• Google (ajax.googleapis.com)