Joomla 1.6 script Mootools plus de 300ko ?

[Mushr00m]

Bonsoir a tous,

Grand adepte de joomla 1.5 je viens de passer sur la 1.6 pour de nouveaux projets. A mon grand étonnement je me retrouve avec plus de 300Ko de script JS pour Mootools. Je ne comprend pas trop le pourquoi de cet ajout ? L'ancienne version étant bien plus light.

Mes clients voulant souvent de page avec un poids inférieur à 600Ko je suis assez bridé par ce package mootools. Le fichier mootools-more.js est il vraiment utile ? je pensais que le core suffisait mais ne connaissant pas la 1.3 je ne connais pas les nouvelles modifications apporter et donc l’intérêt de ces fichiers.

Pouvez vous éclairer ma lanterne ?

Merci a tous !

[ghazal]

Re : Joomla 1.6 script Mootools plus de 300ko ?

Salut,
c'est une question un peu compliquée, mais il y a des solutions.
- déjà si tu ne developpes que pour des sites en FR, tu peux alléger le fichier :
/media/system/js/mootools-more.js
en allant sur :

http://mootools.net/more/

et en décochant toutes les langues qui ne te concernent pas, sauf anglais et EU et Fr bien sur
N'oublie pas de cocher YUI compression en bas.
Copie colle le fichier obtenu dans
/media/system/js/mootools-more.js

more complet ->±256k
more allégé -> ± 148K

- ensuite tu peux recompresser sur:

http://javascriptcompressor.com/

par exemple (il y a d'autres compresseurs JS en ligne, celui-là est pas mal)
en cochant:
Base62 encode
Résultat : ±90k
NB : là, il faut tester partout quand même

- enfin, par ex. une fois l'opération 1 réalisée (et si l'opération 2 ne fonctionne pas partout, ca peut arriver)
tu peux gzipper
J'ai pas mal bossé récemment avec le template shaperhelix de joomshaper (http://www.helix.joomshaper.com/down...4-joomla-1)qui inclut un gzipper très fonctionnel adapté de :

https://github.com/rgrove/jsmin-php/

Voili, voilou

[Mushr00m]

Re : Joomla 1.6 script Mootools plus de 300ko ?

Bonjour et merci pour ta réponse !

Ce que je ne comprend pas c'est que je développe mes propres templates (ce que je faisais avant sous 1.5) et je pensais ne pas avoir besoin des effets de moootools-more.js, mais en fait tu me dis que c'est pour le multi-langue ? Je ne comprend pas trop pourquoi mootools est utilisé à ce but ?

Dans mon esprit j'avais pensais que Mootools-core était le framework de base et mootools-more une sorte de librairie ou de classe de fonction pré-établie pas forcément utile.

Excuse moi si mes questions sont un peu bête mais je ne suis plus trop au courant de cette version de mootools. Mais je suis assez étonné de ce poids qui me parait énorme par rapport à du JQuery sur Prestashop ou même Mootools sur les anciens Joomla sachant que je ne m'en sert que très peu...

[ghazal]

Re : Joomla 1.6 script Mootools plus de 300ko ?

je pensais ne pas avoir besoin des effets de moootools-more.js, mais en fait tu me dis que c'est pour le multi-langue

Non, je ne dis pas exactement ceci. Tu as raison pour more.js :

une sorte de librairie ou de classe de fonctions pré-établies pas forcément utiles

à laquelle (auxquelles) ont été rajoutées des fonctions langues principalement pour la validation des forms et les dates.
cf --> http://mootools.net/docs/more
Ex : la + utilisée : FX Accordion

NB : les dev de Mootools sont en train de travailler sur la possibilité de charger des "fonctions" en fonction (sic) des besoins.

Par ailleurs, le front-end de Joomla 1.6 fait massivement appel à la librairie dans son ensemble.
J'ai listé les extensions qui s'appuient sur MT ici :

https://gist.github.com/801887

En termes d'extensions, on peut maintenant opter pour le chargement de core.js seulement avec :

JHtml::_('behavior.framework');

ou le chargement de core.js ET more.js avec :

JHtml::_('behavior.framework', true);

PS : ca ne sert à rien dans les templates--> re : ma liste d'extensions.

Il y a de nombreuses solutions plus ou moins correctes pour se débarrasser de Moo en front-end dont une qui vise seulement certains composants, mais je ne la trouve plus (mots-clefs "remove mootools component joomla 1.6 ")

hope it helps

[Mushr00m]

Re : Joomla 1.6 script Mootools plus de 300ko ?

Oui cela m'aide bien !

C'est vrai que j'ai toujours utilisé Mootools sur mes anciens devs en utilisant que le Core donc je ne comprenait pas l’intérêt du more.js. Mais au vu de ta liste je me rend compte que même le front-end d'un template maison va avoir besoin more.js pour certain module, donc joomla se dirigerait de plus en plus vers une utilisation massive de Mootools en natif front-end ? Sur le back-end je comprend carrément mais en front-end un peu moins.

Je vais regarder tes pistes de compression, parce que sinon cela va trop me plomber d'avoir déjà 300Ko de script mootools. Je suis étonné que personne n'ai relevé ce point et être le premier à poster la dessus...

Je ne suis pas sur de comprendre quand tu dis ceci :

En termes d'extensions, on peut maintenant opter pour le chargement de core.js seulement avec :
JHtml::_('behavior.framework');
ou le chargement de core.js ET more.js avec :
JHtml::_('behavior.framework', true);
PS : ca ne sert à rien dans les templates--> re : ma liste d'extensions.

Tu veux bien dire que cela ne sert a rien de ne pas lancer le more.js puisque les templates auront besoin du more.js pour les composants de ta liste ?

Merci

[ghazal]

Re : Joomla 1.6 script Mootools plus de 300ko ?

Tu veux bien dire que cela ne sert a rien de ne pas lancer le more.js puisque les templates auront besoin du more.js pour les composants de ta liste ?

Pas vraiment. Ce n'était pas très clair, il est vrai.
Seulement si tu as besoin de more.js pour certaines fonctionnalités dans le template, tu "forces" le chargement avec :
JHtml::_('behavior.framework', true);
pour être sûr que more.js va charger car certains composants natifs ne chargent pas forcément Mootools.more.

Certains devs de template utilisent encore :
JHTML::_('behavior.mootools');
qui charge les deux fichiers, à priori.
Mais autant respecter la nouvelle charte API de Joomla 1.6, voire celle de 1.7.

Mais au vu de ta liste je me rend compte que même le front-end d'un template maison va avoir besoin more.js pour certain module

Oui et non.
Cela se passe alors au niveau du module pas du template.
Si tu utilises un module non natif, normalement, le dev a bien fait le boulot, hmmmm. Normalement ...
Si tu as composé ton propre module et qu'il nécessite more.js, tu as rajouté l'insertion à l'endroit adéquat DANS les scripts du module.
(en rédigeant ma réponse, je réalise que je n'ai pas inséré mon appel à more.js dans le module que je suis en train de finaliser, LOL, comme quoi ...)

donc joomla se dirigerait de plus en plus vers une utilisation massive de Mootools en natif front-end

Pas évident. Faut voir la suite des événements.

[Mushr00m]

Re : Joomla 1.6 script Mootools plus de 300ko ?

Ha ben didonc ! Pas très clair tout ca en fait ;-)

Bon en gros Mootools-more.js il faut le laisser, on sait pas trop exactement qui l'utilise ou pas mais bon laissons le !

Pour ce que je te disais, j'ai beau beaucoup aimer mootools je trouve dommage que des éléments natifs utilise more.js (200Ko) pour ajouter un simple effet accordéon alors que ça se fait très bien avec une ligne de code dans le module et le core.js.

Enfin bon ceci est une autre histoire, mais en tout cas merci de tes lumières ! Espérons juste que ces scripts ne grossissent pas trop avec le temps pour rester toujours aussi compétitif fasse à JQuery et ses 74Ko...

[ghazal]

Re : Joomla 1.6 script Mootools plus de 300ko ?

Ha ben didonc ! Pas très clair tout ca en fait ;-)

Sorry, sorry.
Le truc de base qu'il faut comprendre, c'est que l'ensemble de la procédure est modulaire.
Tu veux ? Tu charges. Tu veux pas. Tu charges pas. Tout dépend du contexte.

jquery 1.6.1 -->89k, lol

Euh, il n'y a pas que le "poids" dans l'implémentation d'une librairie, il y a aussi
* les performances :
cf http://mootools.net/slickspeed/
* et tout le reste, très bien exprimé dans cet article :

http://jqueryvsmootools.com

[Mushr00m]

Re : Joomla 1.6 script Mootools plus de 300ko ?

Oui je ne remet pas en cause Mootools du tout, je trouve la librairie vraiment top !

Comme tu dis le modulaire c'est top, mais justement là le mootools-more.js est un pack, donc soit tu lance le tout soit rien, c'est là que ça m’embêtait un peu. Mais bon je suppose que 300Ko de script sur un site actuel ce n'est pas si lourd. Je ne sais même plus ou en sont les normes pour le poids global d'une page, moi je me fixait 600ko tout compris.

[ghazal]

Re : Joomla 1.6 script Mootools plus de 300ko ?

je te propose une version more.js FR+EN+EU compressée, 92 k --> fichier joint
MAis vaut mieux checker et rechecker.
Je l'ai déjà fait mais on n'est jamais trop prudent.

Le script gzip que je t'ai indiqué plus haut fonctionne aussi hyper bien.
PS : J'avais testé un plugin Joomla de gzippage (RokGZipper) pas top

[Mushr00m]

Re : Joomla 1.6 script Mootools plus de 300ko ?

merci c'est sympa !

Question a 200 points, comment je peux checker que tout fonctionne bien ?

[elnikoff]

Re : Joomla 1.6 script Mootools plus de 300ko ?

Super sujet !!

J'avais aussi l'impression qu'il fallait un temps infini pour charger les pages.

A votre avis, ne serait-il pas possible de gérer cette librairie dans un système de cache, non pas du côté serveur mais du côté client ? Si oui, comment est-ce que cela pourrait se mettre en place ?

Parce qu'après tout, je suppose qu'il n'y a pas de nouvelle version du fichier mootools-more.js tous les jours, non ?

Bien à vous,


Thierry

[ghazal]

Re : Joomla 1.6 script Mootools plus de 300ko ?

@Abasedebasse

Question a 200 points, comment je peux checker que tout fonctionne bien ?

ben ... tu testes partout avec Firebug ouvert pour voir si il ya des erreurs JS, surtout avec les composants tierces (et natifs aussi, tant qu'on y est)
J'ai encore testé le fichier que je t'ai filé avec des compositions Mootools relativement complexes, ca passe.

@elnikoff

A votre avis, ne serait-il pas possible de gérer cette librairie dans un système de cache, non pas du côté serveur mais du côté client ?

Comme je l'évoquais plus haut, les devs Mootools y travaillent. Mais c'est pas encore tellement utilisable.
Le principe sera de ne charger que les fonctions dont on a besoin quand on en a besoin.
Ex : FX.Tween seulement ou FX.Accordion seulement ou autre

Ensuite le temps que ca se mette en place dans Joomla, ... on n'est pas rendus, lol ... et c'est assez complexe à implémenter dans une architecture telle que notre CMS favori.

[elnikoff]

Re : Joomla 1.6 script Mootools plus de 300ko ?

Hmmm. En fait, ce que tu décris est plus une solution de "code à la demande". Je comprends bien le principe.

Personnellement, je pensais plutôt utiliser quelques règles, en plus de la version "limitée" du fichier js dont tu parlais plus haut.

# mettre en cache les images et fichiers flash pour un mois
<FilesMatch ".(flv|gif|jpg|jpeg|png|ico|swf)$">
Header set Cache-Control "max-age=2592000"
</FilesMatch>
 
# mettre en cache les fichiers javascript, texte,css et pdf pour une semaine
<FilesMatch ".(js|css|pdf|txt)$">
Header set Cache-Control "max-age=604800"
</FilesMatch>
 
#mettre en cache les fichiers html et htm pour 30 minutes
<FilesMatch ".(html|htm|php)$">
Header set Cache-Control "max-age=1800"
</FilesMatch>
 
Header unset ETag
FileETag None

Extrait de code provenant de http://sebsauvage.net/wiki/doku.php?id=en_vrac

[ghazal]

Re : Joomla 1.6 script Mootools plus de 300ko ?

Ah oui, ce genre de solution.
J'ai testé il n'y a pas très longtemps. C'est utilisable uniquement si le site est entièrement finalisé, bouclé et que l'on n'y revient plus (en termes de developpement). Perso, je rajoute en permanence du JS, ça m'a foutu un souk pas possible et j'ai mis un temps fou à trouver que cela venait de là.