JS CSS Script Opti­mi­zer et WP Minify

Opti­mi­ser la ges­tion des fichiers CSS et Javas­cript de votre site

Pour opti­mi­ser les temps de char­ge­ment de votre site, il y a de nom­breuses mani­pu­la­tions à faire et cer­tains plu­gins sont incon­tour­nables. Si je suis tou­jours réser­vé sur l’utilisation d’un plu­gin de cache pour un site moyen­ne­ment fré­quen­té, gérer effi­ca­ce­ment les fichiers Javas­cript et CSS intro­duits par les nom­breux plu­gins que vous uti­li­sez sûre­ment néces­site une exten­sion adaptée.

JS CSS Script Opti­mi­zer va com­bi­ner entre eux fichiers Javas­cript et CSS pour que le navi­ga­teur du visi­teur n’ait à char­ger que deux fichiers plu­tôt qu’une mul­ti­tude et en queue de char­ge­ment tant qu’à faire – je résume, vous pour­rez trou­ver des choses plus pré­cises sur la Toile. Vous pou­vez rajou­ter des fichiers “hors” ins­tal­la­tion Word­Press ou en reti­rer en cas d’incompatibilité.

BWP Mini­fy fait peu ou prou la même chose en “mini­fiant” en plus les fichiers pour les ser­vir com­pac­tés, le navi­ga­teur les décom­pac­tant à la volée. L’extension gère aus­si un cache pour les fichiers qu’il com­pacte. J’ai une pré­fé­rence pour celui-ci, les outils d’analyse de vitesse de char­ge­ment de site deman­dant la mini­fi­ca­tion des fichiers.

Options

JS CSS Script Optimizer
BWP Mini­fy

Remarques

Les plu­gins et thèmes doivent suivre des règles très strictes quant à la ges­tion de fichiers Javas­cript pour une opti­mi­sa­tion opti­male par Word­Press. Mais ce n’est pas tou­jours le cas. Il se peut qu’après l’installation d’une des deux exten­sions pré­sen­tées, une des autres exten­sionss uti­li­sant Javas­cript ne fonc­tionne plus. Pen­sez alors à la mettre en liste “noire” dans les options.
Vous pou­vez tes­ter “avant/après” sur un site comme GMe​trix​.com.

Autres solu­tions

De nom­breuses exten­sions de cache pro­posent une mini­fi­ca­tion des fichiers concernés.


site de l’extension : http://​word​press​.org/​e​x​t​e​n​d​/​p​l​u​g​i​n​s​/​j​s​-​c​s​s​-​s​c​r​i​p​t​-​o​p​t​i​m​i​z​er/ – ver­sion tes­tée : 0.2.3

site de l’extension : http://​word​press​.org/​e​x​t​e​n​d​/​p​l​u​g​i​n​s​/​b​w​p​-​m​i​n​i​fy/ – ver­sion tes­tée : 1.2.2

Autop­ti­mize

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


site de l’extension : http://​word​press​.org/​p​l​u​g​i​n​s​/​a​u​t​o​p​t​i​m​i​ze/ – ver­sion tes­tée : 2.1.0

Par­ta­gez

Si vous avez trou­vé une faute d’orthographe, infor­mez-nous en sélec­tion­nant le texte en ques­tion et en appuyant sur Ctrl + Entrée s’il vous plaît,.

14 réponses sur JS CSS Script Opti­mi­zer et WP Minify ”
    1. J’ai dû le tes­ter mais visi­ble­ment, il devait don­ner des résul­tats moins inté­res­sants que ceux que j’utilise ou être incom­pa­tibles avec un de mes plu­gins. Je refe­rai un test. Je vais le rajou­ter dans la liste, tiens.

          1. je suis d’accord mais n’ayant peu de connais­sance, dans mini­fy, je lis les com­men­taires des autres uti­li­sa­teurs via Google pour me faire une idée avant d’installer 2 ou 3 plu­gins de ce style pour tes­ter Merci.

  1. Bon­jour,
    j’ai déci­dé d’utiliser Autop­ti­mize, mais Google via pages­peed insights me dit
    “Éli­mi­ner les codes JavaS­cript et CSS qui bloquent l’affichage du conte­nu au-des­sus de la ligne de flottaison”
    Peut être que je dois uti­li­ser ceci qui est expli­qué dans la faq du plugin
    What is the use of “inline and defer CSS”?

    CSS in gene­ral should go in the head of the docu­ment. Recent­ly a.o. Google star­ted pro­mo­ting defer­ring non-essen­tial CSS, while inli­ning those styles nee­ded to build the page above the fold. This is espe­cial­ly impor­tant to ren­der pages as qui­ck­ly as pos­sible on mobile devices. As from Autop­ti­mize 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 tra­duc­teur ( Bing ) je ne com­prends pas, connais­sez vous un site qui explique la pro­cé­dure en fran­çais ? Merci

      1. je ne poses pas dans le forum offi­ciel, vu que la réponse sera en anglais, c’est ça qui bloque ma com­pré­hen­sion. du problème.
        Mer­ci, je vais cher­cher, j’ai déjà trou­vé ça
        https://​www​.wpfas​ter​.org/​b​l​o​g​/​h​o​w​-​t​o​-​u​s​e​-​a​u​t​o​p​t​i​m​i​z​e​-​i​n​l​i​n​e​-​a​n​d​-​d​e​f​e​r​-​c​s​s​-​o​p​t​ion

        1. Ah d’accord, l’option existe mais c’est un truc super lour­dingue à mettre en place ! Je sup­pose que c’est pour cela que ce n’est pas déve­lop­pé dans la page du plugin.

  2. Ça ne mar­che­ra pas pour mon site parce qu’il fau­drait que je désac­tive mon plu­gin de cache et vide le cache d’Autop­ti­mize si j’ai bien tout compris.

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.

Aucun support n’est fourni pour les extensions testées. Vous pouvez utiliser Markdown pour les commentaires.