Présentation générale

1. Ce plugin a été conçu pour mon usage personnel sur ce présent site web qui est hébergé sur les pages perso de FREE. Néanmoins, il fonctionne parfaitement chez tout autre hébergeur.
2. Il a été conçu pour être le plus simple possible à l’usage : il ne nécessite aucun réglage et est entièrement automatique. Il fonctionne avec n’importe quel thème WordPress.
3. Il permet d’utiliser le cache du navigateur web du visiteur plutôt que de charger les scripts jquery et jquery-migrate depuis son propre site web.
4. Ce plugin est utile pour les sites qui n’utilisent pas de plugin de cache. Les sites utilisant un plugin de cache bien configuré n’ont pas besoin de faire appel à un CDN pour charger ces scripts.
5. Il accélère le chargement des pages de votre site web très facilement comme le montrent ces deux captures d’écrans des tests effectués avec GTmetrix (Cliquez sur les images pour voir l’intégralité des tests sur GTmetrix).
   Plugin non activé :

   

   Plugin activé :

   

   Soit un gain de 4 % pour le « Page Speed Grade » et un chargement de la même page 0,97 seconde plus vite.

6. Sur certains sites déjà bien optimisés, seuls les tests de Google Page Speed Insights permettent de mesurer les gains qui n’ont lieu que pour un appareil mobile.
   Plugin non activé :
   

   

   
   Plugin activé :

   

7. Ce plugin fait suite à une discussion sur le forum USENET de support des pages perso de FREE au sujet de l’optimisation d’un site WordPress hébergé chez FREE. Je remercie chaleureusement les bénévoles de ce forum pour leur conseils et tout particulièrement « Al » l’administrateur du site Les Pages Perso Chez Free
8. WordPress 3.9.1 consommant 26 Mo (nu, sans aucun plugin) sur les 32 Mo de mémoire PHP disponible sur les pages perso de FREE, je l’ai conçu afin qu’il soit aussi léger que possible. Il est écrit en seulement 10 lignes de code et consomme environ 0,005 Mo de mémoire PHP sur les pages perso de FREE.

Intérêt

• La bibliothèque jQuery est utilisée par presque tous les sites web existant.
• Charger cette bibliothèque depuis le serveur de son propre site web consomme inutilement de la bande passante sur le serveur de votre site web et n’a strictement aucun intérêt.
• En chargeant cette bibliothèque depuis un CDN (Content Delivery Network) comme celui de CloudFlare, le navigateur web du visiteur met en cache cette dernière uniquement lors de la première visite d’un site qui y fait appel.
• Ainsi, cette bibliothèque mise en cache est partagée par tous les sites web qui y font appel.
  Et donc, les pages sont chargées bien plus rapidement, le plus souvent dès la première visite.

Schématiquement

Sans utiliser un CDN, lorsqu’un visiteur va sur le

• site n°1, le navigateur met en cache la bibliothèque jQuery
• site n°2, le navigateur met à nouveau en cache la bibliothèque jQuery
• site n°3, le navigateur met encore en cache la bibliothèque jQuery

La même bibliothèque jQuery est donc téléchargée à chaque fois.
Mais en utilisant un CDN, lorsqu’un visiteur va sur le

• site n°1, le navigateur met en cache la bibliothèque jQuery
• site n°2, la bibliothèque jQuery n’est pas chargée puisqu’elle est déjà dans le cache local et il n’y a donc aucune requête effectuée.
• site n°3, idem

La même bibliothèque jQuery est donc téléchargée une seule fois.

Fonctionnement

• Le plugin détecte automatiquement la version des scripts jquery et jquery-migrate utilisés par votre thème WordPress et effectue une requête vers la même version de ces scripts sur le CDN de Cloudflare.
  Par exemple, dans le cas de mon propre site, il remplace les requêtes effectuées nativement par WordPress dans le header suivantes :

  <script type='text/javascript' src='http://additifstabac.free.fr/wp-includes/js/jquery/jquery.js?ver=1.11.0'></script>
  <script type='text/javascript' src='http://additifstabac.free.fr/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.2.1'></script>

  Par les requêtes suivantes vers le CDN de CloudFlare qui sont alors effectuées dans le footer :

  <script type='text/javascript' src='https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.0/jquery.min.js'></script>
  <script type='text/javascript' src='https://cdnjs.cloudflare.com/ajax/libs/jquery-migrate/1.2.1/jquery-migrate.min.js'></script>

• Si votre site utilise un plugin de cache bien configuré, normalement ce plugin est inutile.
• Il fonctionne en arrière plan et ne nécessite aucun réglage.

Installation

1. Placez le dossier dézippé « use-jquery-cloudflare » dans le dossier wp-content/plugins via FTP (avec Filezilla, par exemple)
2. Puis activez-le depuis le tableau de bord, c’est tout.

Téléchargement

<---- Use jQuery CloudFlare
Cliquer sur l’image pour aller sur le dépôt de WordPress

Variantes avec d’autres CDN

Le même plugin est disponible pour utiliser d’autres CDN :

• Celui de jQuery’s CDN délivré par MAXCDN :

  
  <---- Use jQuery CDN
   Cliquer sur l’image pour aller sur le dépôt de WordPress

• Celui de jsDelivr :

  
    <---- Use jQuery jsDelivr
  Cliquer sur l’image pour aller sur le dépôt de WordPress

• Celui de Microsoft ASP.NET :

  
  <---- Use jQuery ASP.NET
   Téléchargé fois depuis le