Astuces pour optimiser son site Joomla !

[garstud]

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 !

[garstud]

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

[RobertG]

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%) !

[c-line]

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.

[toffffe]

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.

[cavo789]

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.

[tompap]

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 !

[cavo789]

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é.

[garstud]

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/

[electrocity]

Re : Astuces pour optimiser son site Joomla !

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

public $_bodyScripts = array();
public $_bodyScript = array();
public $_bodystyleSheets= array(); 

et des fonctions

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

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.

[ced1870]

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

[electrocity]

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

[ced1870]

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 ?

[electrocity]

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

[folamour]

En complément on a fait un tuto complet sur l'optimisation vitesse d'un site joomla, et avec JCH optimize mais pas seulement.

Comment faire pour optimiser réellement un site Joomla

https://www.crashdebug.fr/informatik...un-site-joomla

Amitiés, ; )

f.