JS CSS Script Optimizer et WP Minify

Optimiser la gestion des fichiers CSS et Javascript de votre site

Pour optimiser les temps de chargement de votre site, il y a de nombreuses manipulations à faire et certains plugins sont incontournables. Si je suis toujours réservé sur l’utilisation d’un plugin de cache pour un site moyennement fréquenté, gérer efficacement les fichiers Javascript et CSS introduits par les nombreux plugins que vous utilisez sûrement nécessite une extension adaptée.

JS CSS Script Optimizer va combiner entre eux fichiers Javascript et CSS pour que le navigateur du visiteur n’ait à charger que deux fichiers plutôt qu’une multitude et en queue de chargement tant qu’à faire – je résume, vous pourrez trouver des choses plus précises sur la Toile. Vous pouvez rajouter des fichiers « hors » installation WordPress ou en retirer en cas d’incompatibilité.

BWP Minify fait peu ou prou la même chose en « minifiant » en plus les fichiers pour les servir compactés, le navigateur les décompactant à la volée. L’extension gère aussi un cache pour les fichiers qu’il compacte. J’ai une préférence pour celui-ci, les outils d’analyse de vitesse de chargement de site demandant la minification des fichiers.

Options

JS CSS Script Optimizer

BWP Minify

Remarques

Les plugins et thèmes doivent suivre des règles très strictes quant à la gestion de fichiers Javascript pour une optimisation optimale par WordPress. Mais ce n’est pas toujours le cas. Il se peut qu’après l’installation d’une des deux extensions présentées, une des autres extensionss utilisant Javascript ne fonctionne plus. Pensez alors à la mettre en liste « noire » dans les options.
Vous pouvez tester « avant/après » sur un site comme GMetrix.com.

Autres solutions

De nombreuses extensions de cache proposent une minification des fichiers concernés.


site de l’extension : http://wordpress.org/extend/plugins/js-css-script-optimizer/ – version testée: 0.2.3

site de l’extension : http://wordpress.org/extend/plugins/bwp-minify/ – version testée: 1.2.2

Autoptimize

Mise à jour du 10/02/2017 : au final, Autoptimize est devenue l’extension de référence dans le genre. C’est celle que j’utilise en général.


site de l’extension : http://wordpress.org/plugins/autoptimize/ – version testée: 2.1.0

Partagez

Si vous avez trouvé une faute d’orthographe, informez-nous en sélectionnant le texte en question et en appuyant sur Ctrl + Entrée s’il vous plaît,.

14 réponses

  1. Bonjour ! Chez moi bwp minify fait sauter les css… Je vais tester l’autre. Merci pour l’info.

  2. Li-An dit :

    L’utilisation de ces plugins se révèle toujours frustrante. J’espère que vous trouverez votre bonheur :-)

  3. noaneo dit :

    Bonjour,
    avez vous testé ce plugin Dependency Minification ?
    http://wordpress.org/plugins/dependency-minification/

    Si oui qu’en pensez vous ? Merci

  4. noaneo dit :

    Bonjour,
    j’ai décidé d’utiliser Autoptimize, mais Google via pagespeed insights me dit
    « Éliminer les codes JavaScript et CSS qui bloquent l’affichage du contenu au-dessus de la ligne de flottaison »
    Peut être que je dois utiliser ceci qui est expliqué dans la faq du plugin
    What is the use of « inline and defer CSS »?

    CSS in general should go in the head of the document. Recently a.o. Google started promoting deferring non-essential CSS, while inlining those styles needed to build the page above the fold. This is especially important to render pages as quickly as possible on mobile devices. As from Autoptimize 1.9.0 this is easy; select « inline and defer CSS », paste the block of « above the fold CSS » in the input field (text area) and you’re good to go!

    Mais même avec un traducteur ( Bing ) je ne comprends pas, connaissez vous un site qui explique la procédure en français ? Merci

  5. Li-An Li-An dit :

    Ça ne marchera pas pour mon site parce qu’il faudrait que je désactive mon plugin de cache et vide le cache d’Autoptimize si j’ai bien tout compris.

  6. noaneo dit :

    Moi j’ai le plugin WP Fastest Cache donc pareil

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Notifiez-moi les commentaires à venir via email. Vous pouvez aussi vous abonner sans commenter.

Vous pouvez utiliser Markdown pour les commentaires
Howdy,
Buy Premium Version to add more powerful tools to this place. https://wpclever.net/downloads/wp-admin-smart-search

Rapport de faute d’orthographe

Le texte suivant sera envoyé à nos rédacteurs :