Astuces pour optimiser son site Joomla !

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

  • Astuces pour optimiser son site Joomla !

    Bonjour,


    Vous avez surement déjà tous livré un site Joomla finalisé, bravo
    Et après .... ?


    Force est de constater qu'il ne faut pas s’arrêter la !
    Le site mis en ligne (ou avant de le mettre en ligne), il est l'heure de penser a son "Optimisation" :
    1- Performance : améliorer la taille et l'accès aux pages
    2- SEO : optimiser le référencement et l'indexation dans les moteurs de recherche (Google, Bing, Yahoo, ...)
    3- Cache : activation du cache selon vos contenus et le trafic
    4- Mise à jour : suivi et applications des mises a jour (noyau et extensions)
    5- Sécurité : protéger les accès aux ressources de votre site
    6- Monitoring : suivre la vie et l'état de santé de votre site


    Bon nombre de ses opérations surviennent en phase de post-production, pourtant il serait préférable de les intégrer dans la phase de création du site ... avant la mise en production.


    Je vous propose d’échanger sur ces thèmes. Signalez nous vos astuces, racontez nous vos retours sur expérience.
    Quel paramétrage utilisez vous ? quelle extension ajoutez vous pour traiter ces 6 points !
    Merci !
    Dernière édition par garstud à 28/02/2015, 15h22
    Garstud Workshop - Concepteur, Développeur et Formateur Joomla - http://www.garstud.com
    « Ce n’est pas parce que les choses sont difficiles que nous n’osons pas,
    c’est parce que nous n’osons pas qu’elles sont difficiles. »
    - Sénèque

  • #2
    Re : Astuces pour optimiser son site Joomla !

    1) La performance est un vaste sujet. J'espere que vous aurez de nombreuses astuces et retours sur experience sur ce sujet.
    Je pense par exemple a :
    - activer la "compression HTTP" dans la configuration Joomla
    - utiliser des règles spécifiques dans le .htaccess
    - Lazy Load for Joomla! : un plugin qui ne charge les images que lorsqu'elles apparaissent dans la zone visible de l'ecran
    - JCH Optimize : un plugin qui combine les CSS, les JS, minify les fichiers ... afin d'alléger et d'augmenter la vitesse de chargement de la page
    - ... etc
    des sites comme GTmetrix ou PageSpeed Insights vous aideront a identifier les axes d'améliorations des perfs de votre site !


    2) SEO, le sujet est encore plus vaste et je vous conseille de faire analyser votre site par un des moteurs de controle en ligne pour suivre leurs recommendations SEO : Woorank.com, Site-analyzer.com, ...
    - optimisation des contenus et mots clés ...
    - optimisation des balises HTML et structure de la page ...
    - optimisation des fichiers de paramétrages (.htaccess, robots.txt, sitema.xml, feed-rss.xml ...)
    Vous trouvez tout un tas de sujets pour améliorer votre SEO !


    3) Cache. votre site réalise des traitements lourds ou un grand nombre de visite cible certains contenus spécifiques. C'est le moment de se pencher sur le réglage du cache de votre Joomla.


    4) Mise à jour. On ne le dira jamais assez : "Suivez les nouvelles mises a jour, sauvegardez votre site et appliquez les !"
    Quels conseils donneriez vous aux Joomleurs pour leur simplifier cette tache ?


    5) Sécurité. Si Joomla n'est pas infaillible, il a deja su montrer que son architecture, son framework et les contraintes de développement qu'il impose aux développeurs font de notre CMS, un des plus sécurisé du marché !
    Maintenant, la célébrité tourne les feux des projecteurs vers Joomla et apportent avec eux de nombreuses personnes malveillantes.
    Il est donc trés important de vous protéger en placant un bouclier additionnel autour de votre site Joomla !
    - AdminTools : composant de sécurité ... proposant de nombreuses fonctions... (à détailler ultérieurement)
    - AESecure : un pare-feu (firewall) entre votre site et ceux qui le visitent (de Christophe Avonture, Belgique)
    - regles .htaccess : votre développeur connait la syntaxe des htaccess !? Demandez lui d'ajouter des règles de sécurité spécifiques à votre architecture !
    - ... etc


    6) Le Monitoring ou Supervision consiste a pouvoir suivre l'execution des processus de votre site. Notamment toutes les choses qui se passent et que vous ne voyez pas ... jusqu'au jour de l'incident ou de l'attaque fatale !
    - le service le plus connu pour joomla est certainement celui de nos voisins suisses de chez Inetis.ch : Watchful.ly
    Si un ecran de votre administration etait capable de comptabiliser :
    - le nombre de login erronés par jour
    - le delai de chargement de certaines page du site
    - des erreurs systemes ou DB ...
    et de vous en alerter par la console d'administration ou par email.
    Cela vous permettrait de maintenir une qualité de service tout en améliorant le fonctionnement, la performance et la sécurité de votre site Joomla !

    Et de votre coté, vous avez des commentaires sur mes suggestions, vous pensez a d'autres choses ? ... merci d'avance
    Dernière édition par garstud à 28/02/2015, 16h14
    Garstud Workshop - Concepteur, Développeur et Formateur Joomla - http://www.garstud.com
    « Ce n’est pas parce que les choses sont difficiles que nous n’osons pas,
    c’est parce que nous n’osons pas qu’elles sont difficiles. »
    - Sénèque

    Commentaire


    • #3
      Re : Astuces pour optimiser son site Joomla !

      Juste un témoignage sur JCHoptimize : sur un site coté F(23%)/C(79%), JCHoptimize Pro (difficile de rentrer dans les détails tant il y a de paramètres possibles) a fait passer le score à A(99%)/B(89%) !
      "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 hébergés chez PHPNET - +sites gérés chez 1and1 et OVH - Site pro : www.robertg-conseil.fr

      Commentaire


      • #4
        Re : Astuces pour optimiser son site Joomla !

        Salut, tu as déjà cité pas mal de choses. J'ajouterais que pour le suivi des mises à jour nous utilisons les services de watchful.li + akeeba pro. Une petite dépense que nous ne regrettons pas surtout pour suivre plusieurs sites.
        www.com3elles.com - Agence de communication Toulouse
        Les bases de l'administration Joomla 3.x - Formations Joomla

        Commentaire


        • #5
          Re : Astuces pour optimiser son site Joomla !

          Salut
          Pour le SEo, un plugin bien pratique est EFSEO http://extensions.joomla.org/extensi...y-frontend-seo qui permet de gérer les meta et les titles en front. C'est bien utile pour les title lorsque l'on a pas de lien de menu vers toutes les pages. Et bien pratique lorsque l'on utilise pas d'extension de réécriture d'url comme sh404sef, joomsef ,...
          Ces deux dernières extensions bien que souvent critiquées (sh404sef) sont très utile en référencement et permette une bien meilleur construction des url en s'appuyant sur l'imbrication des catégories et non l'imbrication des menus. Attention toutefois leur installation n'est pas a prendre à la légère, car elles peuvent modifier complètement les urls existantes. Certaines d'entre elles gèrent aussi les balises canonicale et la redirection des www vers le sans www ou l'inverse.
          Formation Joomla agence internet https://www.stylitek.com
          Melijoy création de site Joomla compétitif https://www.melijoy.fr
          agence web spécialiste référencement http://www.agence-web-stylitek.fr

          Commentaire


          • #6
            Re : Astuces pour optimiser son site Joomla !

            Pour info, aeSecure v2.1 (pas encore sorti) va minifier le code HTML généré par Joomla, va permettre de faire un defer du javascript, de placer les scripts en bas de page; les css au dessus et va permettre différentes opérations sur les images comme p.ex. ajouter automatiquement les balises alt, height et width ainsi que de redimensionner les images étant plus grande qu'une taille max. définie (p.ex 800px). aeSecure v2.1 inclus aussi un script de Lazyload pour les images.
            Christophe (cavo789)
            Développeur d'aeSecure; protection, optimisation et nettoyage (après hack) de sites web Apache https://www.aesecure.com/fr
            Développeur de marknotes, logiciel de gestion de prises de notes avec interface web et de multiples convertisseur https://github.com/cavo789/marknotes

            Commentaire


            • #7
              Re : Astuces pour optimiser son site Joomla !

              1) Tu peux rajouter l'utilisateur d'un CDN pour les perfs. Ca donne quand même un bon coup de fouet !

              2) Cool pour aeSecure (tu fais tout via pagespeed, ou du code PHP ou tu as codé un module apache/ngnix ?)

              3) "de placer les scripts en bas de page" => Ca serait cool de pouvoir faire ca avec l'API de Joomla! pour les développeurs de base choisir si tu veux rajouter ton script à la fin !

              4) Pour le cache
              * Le "Plugin page Cache" très puissant car très bourrin => très bien pour un site vitrine avec quasi rien de dynamique
              * Cache conservative c'est pas mal, le gros problème pour moi c'est qu'il ne cache quasi rien si l'utilisateur est connecté (c'est uniquement pour les "visiteurs", la quasi totalité des composants ne cache pas si l'utilisateur est connecté
              * Cache Progressive (jamais utilisé et cas d'utilisation très rare quand même)
              J'ai commencé l'année dernière un composant pour proposer un cache plus poussé pour un client (mais il y aurait encore pas mal de travail pour en faire une version à distribuer)

              5) Pour JCHOptimize ou équivalent, je trouve qu'ils marchent tous bien sur le CSS, mais sur le JS je dois pas avoir de chance, y'a toujours des erreurs tordues (des scripts pas bien mergés) ou du JS inline qui ne marche plus (j'ai eu ca sur un forum kunena) y'a pas longtemps !
              http://www.juloa.com"]JULOA.com, création de sites web et d'applications mobile

              http://www.joomprod.com JoomPROD.com, AdsManager / Invoicing

              Commentaire


              • #8
                Re : Astuces pour optimiser son site Joomla !

                Bonjour Thomas

                1. Oui mais un CDN occasionne aussi pas mal de désagrément; j'ai dû faire marche arrière car la gestion dynamique du site en patissait (souci de cache, de persistance d'une mauvaise ACL, ...)

                2. aeSecure est, toujours, pour l'instant un logiciel strictement en PHP. Ce n'est donc pas via un module Apache.

                3. Excellente idée; ce serait bien de voir cela être proposé nativement par Joomla

                5. Oui, tu as parfaitement raison. Intervenir sur du CSS (minification, base64, ...) est stable mais déplacer des JS vers la fin du code HTML, minifier, ... est assez souvent synonyme de conflit. Je l'éprouve aussi de mon côté.
                Christophe (cavo789)
                Développeur d'aeSecure; protection, optimisation et nettoyage (après hack) de sites web Apache https://www.aesecure.com/fr
                Développeur de marknotes, logiciel de gestion de prises de notes avec interface web et de multiples convertisseur https://github.com/cavo789/marknotes

                Commentaire


                • #9
                  Re : Astuces pour optimiser son site Joomla !

                  Un grand merci à tous pour vos retours d'expériences et astuces.
                  J'ai compilé comme j'ai pu toutes vos infos et j'ai présenté des slides sur ce thème lors du JoomApéro du 7 avril à Lyon.

                  La présentation est téléchargeable sur l'espace de stockage lyonnais :
                  http://lyon.joomgroupes.fr/
                  Garstud Workshop - Concepteur, Développeur et Formateur Joomla - http://www.garstud.com
                  « Ce n’est pas parce que les choses sont difficiles que nous n’osons pas,
                  c’est parce que nous n’osons pas qu’elles sont difficiles. »
                  - Sénèque

                  Commentaire


                  • #10
                    Re : Astuces pour optimiser son site Joomla !

                    Envoyé par tompap Voir le message
                    3) "de placer les scripts en bas de page" => Ca serait cool de pouvoir faire ca avec l'API de Joomla! pour les développeurs de base choisir si tu veux rajouter ton script à la fin !
                    J'ai personnelement ajouter la fonction pour avoir un score au top avec Google pagespeed

                    Le principe est simple :

                    ajout d'une balise <jdoc:include type="bodyscript" />
                    que j'ai ajouter avant mes script javascript perso a la fin du body.

                    Modification de Jdocument :

                    ajout de
                    Code PHP:
                    public $_bodyScripts = array();
                    public 
                    $_bodyScript = array();
                    public 
                    $_bodystyleSheets= array(); 
                    et des fonctions
                    Code PHP:
                    addBodyScriptDeclaration
                    addBodyScript
                    addBodyStyleSheet 
                    sur le même principe que _script et addScriptDeclaration ..., mais utilisé dans <jdoc:include type="bodyscript" />

                    ajout de /libraries/joomla/document/html/renderer/bodyscript.php
                    et d'un render qui utilise le même principe que/libraries/joomla/document/html/renderer/head.php

                    Faite le teste de shop.st42.fr, les seuls css sont ceux ou je n'ai pas utilisé ma fonction. Tous les javascripts sont à la fin.
                    Et la mauvaise note est du à la vitesse de chargement de la page, incompréhensible au passage, le temps de chargement ne corrrespond pas, à savoir si il faut pas avoir des serveurs US?

                    Il faut savoir que l'extention google chrome pagespeed inside, donne des conseis contradictoires à la version en ligne :
                    https://developers.google.com/speed/pagespeed/insights/

                    P.s: il serait aussi possible d'utiliser ce principe pour le HTML par example pour le bootstrap modal en ajoutant une fonction
                    Code PHP:
                    addBodyHtml 
                    pour inclure le html à la fin, ce qui éviterait d'utiliser du javascript pour ajouter le html de la modal ou de se retourer avec le html de la modal dans un module ou du composant.
                    Dernière édition par electrocity à 09/04/2015, 13h23
                    http://www.st42.fr : Astuce et téléchargement d’extension Joomla! et virtuemart
                    http://shop.st42.fr Catalogue extentions gratuit et Pro pour Virtuemart et Joomla

                    Commentaire


                    • #11
                      Re : Astuces pour optimiser son site Joomla !

                      salut
                      Pour JCHOptimize ou équivalent, je trouve qu'ils marchent tous bien sur le CSS, mais sur le JS je dois pas avoir de chance, y'a toujours des erreurs tordues (des scripts pas bien mergés) ou du JS inline qui ne marche plus (j'ai eu ca sur un forum kunena) y'a pas longtemps !
                      je confirme, à utiliser avec précaution côté JS ça peut foutre le bordel. Pour en avoir débogué quelques uns ...

                      Côté cache, à chaque fois que je vais sur un site qui l'a activé ça me fait peur quand je vois les codes JS et CSS qui sont balancés 2-3 fois dans la page au lieu d'une seule fois sans le cache ...

                      Optimisation htaccess est pour moi ce qui marche le mieux, et qui fait le plus gros du travail. Ensuite avoir un "A" est-il important ? perso je regarde ce qu'il me cite, et si je juge que c'est négligeable ou pas faisable je me dis que j'ai fait le maxi possible.
                      CEd
                      CEd
                      Vive Joomla! http://www.joomlack.fr Tutoriels et extensions pour Joomla!. Livre création de template Joomla de plus de 200 pages.
                      http://www.template-creator.com Outil de création de templates
                      Module Maximenu CK - Megamenu, multicolonnes, chargement de module, description de lien, deroulement animé - Compatible Virtuemart, Hikashop

                      Commentaire


                      • #12
                        Re : Astuces pour optimiser son site Joomla !

                        Salut CED,
                        L'optimisation actuelle de la vitesse d'un site n'est pas encore pris en compte par google. Mais Ils ont annoncés le faire, donc cela va ce faire dans les prochains mois.
                        De l'autre coté, Je n'est pas compris pourquoi aucune solution n'est en natif dans le core pour mettre les javascript à la fin.
                        J'en avais discuter avec Joe leblanc aux J And Beyond 2012, me suis inscrit sur la liste pour l'intégré(ou un systême similaire), mais cela n'a jamais été mis en place. Alors que la modif prend 30 minutes.
                        Y a juste le noConflict, qui à était mis en place, et je ne suis pas sur que cela viennent de cette réunion.

                        P.S:
                        Pour référence : https://docs.joomla.org/JavaScript_W...nd_Beyond_2012
                        Dernière édition par electrocity à 09/04/2015, 15h05
                        http://www.st42.fr : Astuce et téléchargement d’extension Joomla! et virtuemart
                        http://shop.st42.fr Catalogue extentions gratuit et Pro pour Virtuemart et Joomla

                        Commentaire


                        • #13
                          Re : Astuces pour optimiser son site Joomla !

                          oui je sais que la vitesse est importante pour google, mais entre 90% et 95% au vu des efforts à faire je dis juste qu'il ne faut pas absolument tout faire au péril de la stabilité du site
                          mais ce n'est que mon avis hein

                          pour l'implémentation dans joomla! je crois que le mieux est de soumettre sur Github, mais là moi c'est pas mon domaine du tout ...
                          J'avais assisté à une présentation sur Github à un JDay y a 2 ans avec Marc et JM ... tu t'en souviens Marc ?
                          Vive Joomla! http://www.joomlack.fr Tutoriels et extensions pour Joomla!. Livre création de template Joomla de plus de 200 pages.
                          http://www.template-creator.com Outil de création de templates
                          Module Maximenu CK - Megamenu, multicolonnes, chargement de module, description de lien, deroulement animé - Compatible Virtuemart, Hikashop

                          Commentaire


                          • #14
                            Re : Astuces pour optimiser son site Joomla !

                            Derniére astuce pour les images,

                            la seul solution que j'ai trouvé pour optimiser mes images et éviter que google me signal que les images ne sont pas optimisé est pngquant.

                            C'est un optimisateur PNG mais avec perte de qualité, il est un peu embêtant à installer car il faut souvent le compilé, mais la qualité de l'optimisation permet d'avoir un rapport poids de l'image/qualité du rendu au top. Et de faire taire(souvent) Google pagespeed.

                            Il permet de faire les conversions en batch, ce qui est bien pratique.

                            J'avais testé optiPng et pngcrush ... aucun ne permet de faire taire Google pagespeed
                            http://www.st42.fr : Astuce et téléchargement d’extension Joomla! et virtuemart
                            http://shop.st42.fr Catalogue extentions gratuit et Pro pour Virtuemart et Joomla

                            Commentaire

                            Annonce

                            Réduire
                            1 sur 2 < >

                            C'est [Réglé] et on n'en parle plus ?

                            A quoi ça sert ?
                            La mention [Réglé] permet aux visiteurs d'identifier rapidement les messages qui ont trouvé une solution.

                            Merci donc d'utiliser cette fonctionnalité afin de faciliter la navigation et la recherche d'informations de tous sur le forum.

                            Si vous deviez oublier de porter cette mention, nous nous permettrons de le faire à votre place... mais seulement une fois
                            Comment ajouter la mention [Réglé] à votre discussion ?
                            1 - Aller sur votre discussion et éditer votre premier message :


                            2 - Cliquer sur la liste déroulante Préfixe.

                            3 - Choisir le préfixe [Réglé].


                            4 - Et voilà… votre discussion est désormais identifiée comme réglée.

                            2 sur 2 < >

                            Assistance au forum - Outil de publication d'infos de votre site

                            Compatibilité: PHP 4.1,PHP4, 5, 6DEV MySQL 3.2 - 5.5 MySQLi from 4.1 ( @ >=PHP 4.4.9)

                            Support Version de Joomla! : | J!3.0 | J!2.5.xx | J!1.7.xx | J!1.6.xx | J1.5.xx | J!1.0.xx |

                            Version française (FR) D'autres versions sont disponibles depuis la version originale de FPA

                            UTILISER À VOS PROPRES RISQUES :
                            L'exactitude et l'exhaustivité de ce script ainsi que la documentation ne sont pas garanties et aucune responsabilité ne sera acceptée pour tout dommage, questions ou confusion provoquée par l'utilisation de ce script.

                            Problèmes connus :
                            FPA n'est actuellement pas compatible avec des sites Joomla qui ont eu leur fichier configuration.php déplacé en dehors du répertoire public_html.

                            Installation :

                            1. Téléchargez l'archive souhaitée : http://afuj.github.io/FPA/

                            Archive zip : https://github.com/AFUJ/FPA/zipball/master

                            2. Décompressez le fichier de package téléchargé sur votre propre ordinateur (à l'aide de WinZip ou d'un outil de décompression natif).

                            3. Lisez le fichier LISEZMOI inclus pour toutes les notes de versions spécifiques.

                            4. LIRE le fichier de documentation inclus pour obtenir des instructions d'utilisation détaillées.

                            5. Téléchargez le script fpa-fr.php à la racine de votre site Joomla!. C'est l'endroit que vous avez installé Joomla et ce n'est pas la racine principale de votre serveur. Voir les exemples ci-dessous.

                            6. Exécutez le script via votre navigateur en tapant: http:// www. votresite .com/ fpa-fr.php
                            et remplacer www. votresite .com par votre nom de domaine


                            Exemples:
                            Joomla! est installé dans votre répertoire web et vous avez installé la version française du fichier FPA:
                            Télécharger le script fpa-fr.php dans: /public_html/
                            Pour executer le script: http://www..com/fpa-fr.php

                            Joomla! est installé dans un sous-répertoire nommé "cms" et vous avez installé la version française du fichier FPA:
                            Télécharger le script fpa-fr.php dans: /public_html/cms/
                            Pour executer le script: http://www..com/cms/fpa-fr.php

                            En raison de la nature très sensible de l'information affichée par le script FPA, il doit être retiré immédiatement du serveur après son utilisation.

                            Pour supprimer le script de votre site, utilisez le lien de script de suppression fourni en haut de la page du script. Si le lien de suppression échoue pour supprimer le script, utilisez votre programme FTP pour le supprimer manuellement ou changer le nom une fois que le script a généré les données du site et le message publié sur le forum. Si le script est toujours présent sur le site, il peut être utilisé pour recueillir suffisamment d'informations pour pirater votre site. Le retrait du script empêche des étrangers de l'utiliser pour jeter un oeil à la façon dont votre site est structuré et de détecter les défauts qui peuvent être utilisé à vos dépends.
                            Voir plus
                            Voir moins
                            Travaille ...
                            X