Optimisation ou pas ?

[ced1870]

Salut à tous
Je me suis un peu amusé à faire des tests sur un template relativement standard.
J'ai testé
- GTmetrix
- Google insights
- validation W3C

J'obtiens un score moyen (75-80) et si je regarde le gros souci vient des CSS/JS
Il faudrait les supprimer de la ligne de flottaison et pour cela il faudrait carrément les charger en onload avec un autre script... c'est le chat qui se mord la queue

J'ai fait des tests en déplaçant les CSS/JS en fin de page et en fait ça ne change quasi rien. Ah si, ça crée des erreurs de validation W3C

Donc quiz de l'optimisation, vous faites comment vous ? Vous tenez compte de ces trucs là ?
Voilà c'est une discussion ouverte à tous, histoire de partager un peu sur l'humeur de ma journée
CEd

[cavo789]

Re : Optimisation ou pas ?

Salut Monsieur Cédric

Auriez-vous un site d'exemple ? Ce serait plus facile de partir d'un rapport GTMetrix existant afin de te donner des conseils.

(Je suis étonné du score si bas, en principe, ce n'est pas hyper compliqué à se rapprocher des 90%)

[ced1870]

Re : Optimisation ou pas ?

c'est une page que je suis en train de construire

https://www.template-creator.com/fr/demo-corporate1

mais peut importe. En fait le scoring est simple, yslow te pénalise à mort si tu n'as ni cdn ni site static pour tes ressources, et pagespeed pour images en sprite et JS/CSS à deferrer

en gros, y a pas de piste d'amélioration car pour moi, cdn+static+sprite déjà c'est du pipo de règles globales qui ne vont pas forcément améliorer le site. Pour la partie JS/CSS c'est plus compliqué et mes tests en mettant tout en bas de page n'apportent rien
il faudrait déjà mettre un async sur les scripts mais là on attaque le core de joomla et seuls les plugins peuvent y remédier pour l'instant

ça c'est mon point de vue

[cavo789]

Re : Optimisation ou pas ?

Il devient même carrément inutile de faire des sprites car http 2 (et qui est utilisé dès qu'on est en https) permet de faire des requêtes asynchrones et multiples : le protocole ne demande pas un fichier, attend, le reçoit, puis demande le deuxième, mais peut demander de multiples fichiers en une fois; cela réduit de beaucoup le temps d'attente.

De ce que je vois (https://gtmetrix.com/reports/www.tem...r.com/wS8nxhLU), tu es surtout pénalisé à cause de Joomla+template+modules+plugins+... Plusieurs fichiers sont chargés et GTMetrix suggère d'en fusionner certains (compliqué dans le cas d'un CMS), tu as aussi un fichier chargé depuis un site tiers (google analytics) et donc impossible de définir une durée de vie, etc.

Je ne vois pas beaucoup d'endroits où tu vas pouvoir intervenir à moins d'installer un outil de compression / fusion des fichiers css/js / minification.

Pour les CDN, on est bien d'accord, on s'en fout un peu. Si ton serveur est en France et que tes utilisateurs sont Français ou pays limitrophes; le CDN n'apporte rien. Les statistiques retournées par les outils de mesure sont des valeurs théoriques.

"Y à ... (un cdn) ? " ok, 1 point
"Y à pas ... (cookie free) ? " ok, -5 points

C'est purement une approche "Ya/YaPas" non basée sur d'autres critères plus terre-à-terre.

Pour info : en Français, tu as aussi dareboost.com qui donne pas mal de pistes.

[ced1870]

Re : Optimisation ou pas ?

merci, tu rejoins donc mon analyse pas grand chose à améliorer au final et surtout rien qui améliore vraiment les choses

[fredjouan]

Re : Optimisation ou pas ?

Bonjour,
Au risque de dire des bêtises, JCH Optimize permet une optimisation importante, avec quelques scories comme la gestion du domaine sans cookies et du Javascript Google analytics évoqué dans un message posté aujourd'hui.
Tous les sites optimisés obtiennent peu ou prou des scores :
Page speed : 99%
Yslow : 90%

https://gtmetrix.com/reports/www.fred-net.fr/kd2dsFTX

Le score Yslow est dégradé par le CDN, malgré un sous domaine www.static avec certificat. Je ne sais pas trop pourquoi...
Sur le site Google page speed, le problème n'est pas détecté :

https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Fwww.fred-net.fr%2F&tab=desktop

[ced1870]

Re : Optimisation ou pas ?

merci Fred pour tes réponses.
Dans mon cas je ne peux pas d'un plugin additionnel, je voulais plutot optimiser l'ensemble manuellement et voir quelles pistes pouvaient être traitées en amont dans le rendu de la page.
Je vois le résultat dans ton code source de JCH, effectivement ça fait le job dans l'esprit de ce que je pensais.

Donc pour ma part je ne peux rien faire de plus, l'optimisation passera forcément pas une action sur le serveur et un paramétrage avancé avec JCH
J'ai juste ?

[fredjouan]

Re : Optimisation ou pas ?

C'est exactement ça. La cerise sur le gâteau, c'est que tous les logiciels que tu développes (création de template, slideshow,…) sont parfaitement compatibles avec JCH Optimize !
Et il faut bien admettre que le code source est vraiment propre. Il faut comparer avant et après pour admirer le boulot.
Donc, pas d'exclusion a priori (à vérifier page par page évidemment).
Même sur des sites assez "chargés" (beaucoup de composants, modules et plug-ins) on arrive facilement à l'optimisation maximale (dans les options de base) et tout est activé dans les fonctionnalités gratuites et pro, y compris l'option CDN/Domaine sans cookies, en créant un sous domaine www.static qui pointe sur le dossier de ton site et sur lequel tu dois appliquer un certificat.
Je t'envoie un mail.
Pour être complet, le composant GmapFP doit être exclu car il appelle des API Google

[ced1870]

Re : Optimisation ou pas ?

La cerise sur le gâteau, c'est que tous les logiciels que tu développes (création de template, slideshow,…) sont parfaitement compatibles avec JCH Optimize !

je viens de lire ton message, ha ben voilà c'est pas mal comme nouvelle du lundi matin

je vais bientot sortir des nouvelles versions de maximenu et slideshow ck, en gros ça changera rien à part le script JS qui ne sera plus un plugin jQuery ceci afin d'améliorer la compatibilité et éviter les conflits avec d'autres extensions/jquery

est-ce que tu aurais un site optimisé jch avec ces extensions sur lequel on pourrait tester ces nouvelles versions ?
Avant de sortir ça officiellement je voudrais m'assurer que ça ne va pas poser de problèmes

[fredjouan]

Re : Optimisation ou pas ?

Salut Cédric,
Pardon, je n'avais pas lu ton message. Si tu veux l'adresse d'un site optimisé :

http://www.lachampagne.com/

[y.berges]

Re : Optimisation ou pas ?

et une option de compression js dans template creator pas moyen ? pas efficace ?

[ced1870]

Re : Optimisation ou pas ?

ben j'y pensais, mais apparemment ça ne règle pas grand chose en terme de perf, en tous cas pas mesurable avec ces outils en ligne

[y.berges]

Re : Optimisation ou pas ?

yep je peu comprendre ....

[cavo789]

Re : Optimisation ou pas ?

Bonjour

Perso, je ne le recommande pas car de ce que j'ai déjà pu mesurer, une compression logicielle (via un template, via du code php, ...) est toujours moins performante qu'une compression faite immédiatement au départ d'Apache (mod_deflate) voire Google Page Speed.

Maintenant, si tu le fais par code, une optimisation serait de bien travailler sur le cache : ne pas faire comme certains templates qui compressent à chaque fois le même fichier mais de travailler avec des fichiers qui ne seraient compressé qu'une seule fois et tant qu'il n'y a pas de modif, on récupère la version cachée (=> plus de code php à produire de ton côté).

Faire aussi attention à ne pas faire un fichier .php qui génère du css mais bien, immédiatement un css car sinon il n'est pas "cachable" par le navigateur.

Donc : lourdeur.