- Optimisation>JQuery -
- Publié le : | Modifié le :
Optimiser le chargement de Jquery.
L'utilisation de la bibliothèque de script jquery peur être un véritable goulot d'étranglement lors du chargement de vos pages, pour ma part son poids est quatre fois plus important que mes pages html. Il est nécessaire d'optimiser son chargement.
1) La solution de facilité le linker depuis chez google
Google propose un CDN(Content Delivery Network) qui permet d'externaliser certaines ressources, principalement des bibliothèques de scripts, jquery en faisant partie, pourquoi se priver?
Rendez vous sur Google Hosted Libraries - Developer's Guide, puis coller copier le code juste avant votre balise </body>
2) Mettre en cache jquery via les PHP header.
Une autre astuce consiste à mettre en cache le fichier jquery via les header de PHP. Vous devrez créer un fichier PHP avec le code qui suit. Puis insérer le Javascript tel quel entre les balises PHP. Le fichier pèse 94Ko, mais ne sera chargé qu'une fois sa date d'expiration est de 1 an.
- <?php// compress JS
- header("content-type: text/javascript; charset: UTF-8");
- header("cache-control: must-revalidate");
- $offset=365*24*60*60;// 1an
- $expire="expires: ".gmdate("D, d M Y H:i:s", time()+$offset)." GMT";
- header($expire);
- if(!ob_start("ob_gzhandler")) ob_start();
- ?>
- // ici le jquery minifié
- !function(a,b){"object"==typeof module&&"object"==typeof module.exports?module.exports=a.document?b(a,!0) ...
- <?php ob_flush();?>