Plug-in JCH Optimize

Réduire
X
 
  • Filtrer
  • Heure
  • Afficher
Tout effacer
nouveaux messages

  • [Problème] Plug-in JCH Optimize

    Bonjour,
    Ce plug-in très efficace altère considérablement la note dans Google Page Speed, à cause du fichier JavaScript et des 2 fichiers CSS qu'il contient.
    Code:
    <link rel="stylesheet" type="text/css" href="/media/plg_jchoptimize/assets2/jscss.php?f=144b6154b6c826db3210f398888433d9&amp;type=css&amp;gz=gz&amp;d=1&amp;i=0"/>
    <link rel="stylesheet" type="text/css" href="/media/plg_jchoptimize/assets2/jscss.php?f=144b6154b6c826db3210f398888433d9&amp;type=css&amp;gz=gz&amp;d=1&amp;i=1"/>
    <script type="application/javascript" src="/media/plg_jchoptimize/assets2/jscss.php?f=99d24432606323b2434b4af4decabe94&amp;type=js&amp;gz=gz&amp;d=1&amp;i=0"></script>
    Google préconise de déclarer ces fichiers en mode asynchrone. Comment faire ?
    Merci de votre aide,
    Fred
    Dernière édition par fredjouan à 16/02/2017, 08h49
    http://www.neurogelenmarche.org/
    Une association de handicapés moteur. Projet Kunming 2018
    https://www.fred-net.fr création internet
    Hébergé avec bonheur et depuis 2002 chez PHPNET

  • #2
    Re : Plug-in JCH Optimize

    Salut Fred

    Avec une balise <script> pour charger un fichier javascript, tu peux indiquer au navigateur de le charger en mode "async" ou "defer". Tu trouveras une longue explication ici : https://www.alsacreations.com/astuce...ync-defer.html

    Reste maintenant à trouver où tu dois intervenir pour adapter cette fameuse balise script. Je suppose que ce serait dans le code source de JCH himself et, là, je me demande si c'est bien pertinent de le faire (JCH l'aurait fait lui-même sinon).

    Pour les feuilles de styles; il ne faut pas les charger en mode asynchrone puisque les css impactent immédiatement l'affichage de la page, raison pour laquelle on charge les css avant la balise body.

    La recommandation de Google m'étonne donc.

    Bonne journée.
    Christophe (cavo789)
    Mon blog, on y parle Docker, PHP, WSL, Markdown et plein d'autres choses : https://www.avonture.be
    Logiciel gratuit de scan antivirus : https://github.com/cavo789/aesecure_quickscan (plus de 45.000 virus détectés, 700.000 fichiers sur liste blanche)​

    Commentaire


    • #3
      Re : Plug-in JCH Optimize

      Il faut peut-être essayer d'abord de s'y retrouver dans les multiples réglages de JCHoptmize, il m'est arrivé de m'y perdre ! Et encore plus dans la version "pro".
      "Patience et longueur de temps font plus que force ni que rage..." (La Fontaine : Le Lion et le Rat) - "Il n'y a pas de problèmes; il n'y a que des solutions" (André Gide).
      MoovJla et LazyDbBackup sur www.joomxtensions.com - FaQ sur www.fontanil.info - Site pro : www.robertg-conseil.fr chez PHPNET, sites perso chez PlanetHoster + sites gérés chez PHPNET, PlanetHoster, Ionos et OVH

      Commentaire


      • #4
        Re : Plug-in JCH Optimize

        Bonjour Christophe et Robert,
        Ce qui est étrange, c'est que je n'ai pas le même résultat sur 2 sites avec les mêmes réglages JCH optimize (gratuit) :


        Une copie d'écran des réglages. L'onglet "fonctionnalités gratuites" : tout est activé.
        Cliquez sur l'image pour l'afficher en taille normale

Nom : jch.JPG 
Affichages : 1 
Taille : 50,3 Ko 
ID : 1806008Cliquez sur l'image pour l'afficher en taille normale

Nom : jchfred.JPG 
Affichages : 1 
Taille : 65,9 Ko 
ID : 1806009Cliquez sur l'image pour l'afficher en taille normale

Nom : jchneurogel.JPG 
Affichages : 1 
Taille : 54,5 Ko 
ID : 1806010
        Merci de votre aide,
        Fred
        http://www.neurogelenmarche.org/
        Une association de handicapés moteur. Projet Kunming 2018
        https://www.fred-net.fr création internet
        Hébergé avec bonheur et depuis 2002 chez PHPNET

        Commentaire


        • #5
          Re : Plug-in JCH Optimize

          En version "pro", on a la possibilité d'optimiser le chargement du CSS :
          Le plugin va tenter d'extraire le CSS requis pour le formatage de la page au-dessus de la ligne de flottaison ('above the fold') et l'insérer dans une balise <style> dans la section <head> pour empêcher les problème de rendu. Le fichier CSS combiné sera alors chargé asynchrone par JavaScript. Sélectionnez le nombre d'éléments HTML à partir du haut de la page dont le plugin doit trouver les CSS nécessaires. Plus ce nombre est petit, plus votre site ira vite, mais vous pouvez constater des "sauts" de page si ce nombre est trop petit.
          On peut choisir de ne charger le CSS qu'après le chargement de la page.
          "Patience et longueur de temps font plus que force ni que rage..." (La Fontaine : Le Lion et le Rat) - "Il n'y a pas de problèmes; il n'y a que des solutions" (André Gide).
          MoovJla et LazyDbBackup sur www.joomxtensions.com - FaQ sur www.fontanil.info - Site pro : www.robertg-conseil.fr chez PHPNET, sites perso chez PlanetHoster + sites gérés chez PHPNET, PlanetHoster, Ionos et OVH

          Commentaire


          • #6
            Re : Plug-in JCH Optimize

            Punaise, la SEO commence à coûter un saladier !
            D'autant plus que le terme "va tenter" n'est pas très rassurant…
            C'est dommage, un outil sensé optimiser le CSS et le JavaScript et qui plombe la vitesse de chargement du fait même de son script… Ou alors, c'est fait exprès. Radin et en plus parano !
            Je ne comprends pas bien non plus la différence de notes entre les 2 sites. J'ai pourtant optimisé comme un sagouin les images avec Photoshop, en abaissant la qualité à 30 %, voire à 20 % pour certains petits logos. Il trouve encore à redire, le Google.
            Merci beaucoup pour vos explications. J'ai trouvé les fichiers du plug-in mais je ne sais pas trop où modifier le lancement du JavaScript de façon asynchrone.
            Dernière édition par fredjouan à 08/02/2017, 14h20
            http://www.neurogelenmarche.org/
            Une association de handicapés moteur. Projet Kunming 2018
            https://www.fred-net.fr création internet
            Hébergé avec bonheur et depuis 2002 chez PHPNET

            Commentaire


            • #7
              Re : Plug-in JCH Optimize

              Oui, ça devient compliqué et coûteux !
              J'ai fait des tests ce matin avec cette version Pro que j'utilise sur quelques sites : sur certains, je n'ai pas eu d'alerte concernant la nécessité de modifier le chargement des CSS et JS, sur d'autres je l'ai eue pour les JS !
              Pour info, la version Pro de JCH inclut un script d'optimisation d'images qui fait gagner pas mal de poids, mais Yslow y trouve encore à redire, alors que, si j'ai bien vu, Pagespeed Insights s'en satisfait.
              "Patience et longueur de temps font plus que force ni que rage..." (La Fontaine : Le Lion et le Rat) - "Il n'y a pas de problèmes; il n'y a que des solutions" (André Gide).
              MoovJla et LazyDbBackup sur www.joomxtensions.com - FaQ sur www.fontanil.info - Site pro : www.robertg-conseil.fr chez PHPNET, sites perso chez PlanetHoster + sites gérés chez PHPNET, PlanetHoster, Ionos et OVH

              Commentaire


              • #8
                Re : Plug-in JCH Optimize

                Ce qui est étonnant, c'est cette différence de notation d'un site à l'autre en ce qui concerne les fichiers CSS et JavaScript du plug-in.
                Pour la compression des images, je vais refaire des tests dans Photoshop en essayant de baisser encore la qualité, sans trop abîmer les images.
                http://www.neurogelenmarche.org/
                Une association de handicapés moteur. Projet Kunming 2018
                https://www.fred-net.fr création internet
                Hébergé avec bonheur et depuis 2002 chez PHPNET

                Commentaire


                • #9
                  Re : Plug-in JCH Optimize

                  Il y a des sites spécialisés pour la compression sans perte des images, mais je n'ai pas noté d'adresses.
                  Pour avoir utilisé depuis longtemps Photoshop Elements, il m'est arrivé de voir gonfler le poids de certains jpg lors de leur réenregistrement, je ne compte donc pas sur lui pour cette optimisation.
                  "Patience et longueur de temps font plus que force ni que rage..." (La Fontaine : Le Lion et le Rat) - "Il n'y a pas de problèmes; il n'y a que des solutions" (André Gide).
                  MoovJla et LazyDbBackup sur www.joomxtensions.com - FaQ sur www.fontanil.info - Site pro : www.robertg-conseil.fr chez PHPNET, sites perso chez PlanetHoster + sites gérés chez PHPNET, PlanetHoster, Ionos et OVH

                  Commentaire


                  • #10
                    Re : Plug-in JCH Optimize

                    Tu m'en diras tant, au prix que coûte Photoshop !
                    Autre chose de bizarre, slideshowCK utilise un blanck.gif (1x1 pixel). Quand je le passe dans la moulinette Photoshop, il pèse 43 o et lorsque je le charge sur le serveur, il pèse plus d'1 ko ! Alors forcément Google Speed Test crie au loup que le machin pèse trop lourd.
                    http://www.neurogelenmarche.org/
                    Une association de handicapés moteur. Projet Kunming 2018
                    https://www.fred-net.fr création internet
                    Hébergé avec bonheur et depuis 2002 chez PHPNET

                    Commentaire


                    • #11
                      Re : Plug-in JCH Optimize

                      Tu es sûr que 1ko n'est pas juste la taille minimum affichée ? Que tout qui est entre 1 octet et 1024 octets est affichée 1ko ?
                      Christophe (cavo789)
                      Mon blog, on y parle Docker, PHP, WSL, Markdown et plein d'autres choses : https://www.avonture.be
                      Logiciel gratuit de scan antivirus : https://github.com/cavo789/aesecure_quickscan (plus de 45.000 virus détectés, 700.000 fichiers sur liste blanche)​

                      Commentaire


                      • #12
                        Re : Plug-in JCH Optimize

                        Envoyé par cavo789 Voir le message
                        Tu es sûr que 1ko n'est pas juste la taille minimum affichée ? Que tout qui est entre 1 octet et 1024 octets est affichée 1ko ?
                        C'est en effet fort possible.
                        "Patience et longueur de temps font plus que force ni que rage..." (La Fontaine : Le Lion et le Rat) - "Il n'y a pas de problèmes; il n'y a que des solutions" (André Gide).
                        MoovJla et LazyDbBackup sur www.joomxtensions.com - FaQ sur www.fontanil.info - Site pro : www.robertg-conseil.fr chez PHPNET, sites perso chez PlanetHoster + sites gérés chez PHPNET, PlanetHoster, Ionos et OVH

                        Commentaire


                        • #13
                          Re : Plug-in JCH Optimize

                          Oui probablement, mais du coup le test réclame une compression possible de 98 % !
                          C'est en fait sûrement anecdotique si l'on considère le poids total de la page, CSS, JavaScript et images.
                          Je viens de me payer la version pro de JCH Optimize, je vais tester la compression des images (par rapport à Photoshop) et tenter d'aller plus loin dans l'optimisation…
                          Dernière édition par fredjouan à 10/02/2017, 11h27
                          http://www.neurogelenmarche.org/
                          Une association de handicapés moteur. Projet Kunming 2018
                          https://www.fred-net.fr création internet
                          Hébergé avec bonheur et depuis 2002 chez PHPNET

                          Commentaire


                          • #14
                            Re : Plug-in JCH Optimize

                            Pour diminuer le poids des images, essaye plutôt ImageOptim (opensource) ou autres outils du genre.
                            http://www.sounddesigners.org

                            Commentaire


                            • #15
                              Re : Plug-in JCH Optimize

                              Si l'on compare ces deux sites, le tien et celui de mon petit frère, prothésiste dentaire à Paris, dont je n'ai pas compressé les images (très attaché à la qualité des images, le petit frère) :


                              L'utilisation de JCH Optimize en version pro est redoutable d'efficacité ! Je précise que je n'ai pas utilisé non plus l'API du plug-in pour réduire la taille des images.
                              Ce qui est étonnant, si tu cliques droit sur l'image pour afficher les propriétés, le poids de l'image est systématiquement 0 octet.
                              http://www.neurogelenmarche.org/
                              Une association de handicapés moteur. Projet Kunming 2018
                              https://www.fred-net.fr création internet
                              Hébergé avec bonheur et depuis 2002 chez PHPNET

                              Commentaire

                              Annonce

                              Réduire
                              Aucune annonce pour le moment.

                              Partenaire de l'association

                              Réduire

                              Hébergeur Web PlanetHoster
                              Travaille ...
                              X