Quelle est la meilleure source de bibliothèques jQuery dans vos projets Web ?

D'où devriez-vous vous procurer des bibliothèques jQuery ?

Lorsque vous incluez jQuery et jQuery UI dans vos projets, plusieurs options sont disponibles. Examinons les avantages et les inconvénients de chaque méthode.

Google JSAPI vs CDN

Google JSAPI offre un moyen pratique d'accéder à jQuery à partir des serveurs distribués de Google. Cela peut améliorer les temps de chargement et potentiellement réduire la consommation de bande passante. Cependant, la configuration d'une connexion SSL ou la résolution de google.com peut entraîner des retards.

Le site de jQuery ou votre serveur

L'hébergement de jQuery sur votre propre serveur ou depuis le site de jQuery permet pour un contrôle complet sur la version et une éventuelle personnalisation. Cependant, cette approche nécessite une configuration et une maintenance supplémentaires, ainsi que des problèmes potentiels d'utilisation de la bande passante sur votre serveur.

Autres CDN

Utilisation d'un CDN tiers, tel qu'ajax .googleapis.com peut offrir les avantages d'un réseau distribué sans avoir à gérer votre propre infrastructure. L'inconvénient est que vous comptez sur la fiabilité et la disponibilité du CDN.

Google JSAPI recommandé

De nombreux développeurs recommandent d'utiliser le JSAPI de Google pour distribuer jQuery. Les serveurs distribués réduisent la latence et les mécanismes de mise en cache empêchent les téléchargements multiples de la bibliothèque. De plus, d'autres services Google peuvent tirer parti de cette approche, rationalisant ainsi l'inclusion de code.

Commutation dynamique de source pour des protocoles sécurisés

Si vous avez des pages sécurisées et non sécurisées sur votre site, vous peut changer dynamiquement la source Google pour éviter les avertissements de contenu mixte :

<code class="html"><script type="text/javascript">
    document.write([
        "\<script src='",
        ("https:" == document.location.protocol) ? "https://" : "http://",
        "ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js' type='text/javascript'\>\<\/script\>"
    ].join(''));
</script></code>

Source dynamique simplifiée

Pour simplifier davantage ce code, vous pouvez utiliser la syntaxe suivante :

<code class="html"><script type="text/javascript">
    document.write("\<script src='//ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js' type='text/javascript'\>\<\/script\>");
</script></code>

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!