lenteur d'affichage d'un site joomla 1.7

[tounse]

bonjour*
je viens de mettre en ligne

https://www.randonnee-nanterre.com

et qu'est ce que l'affichage est lent !

en fait la page s'affiche en 12""
test fait sur http://www.webpagetest.org

il upload 2 fichiers (1png et 1 jpg) pour la bannières pour la page index ?





si vous avez une idée ?

merci d'avance

[Grand Schtroumpf]

Re : lenteur d'affichage d'un site joomla 1.7

Bonjour,
c'est hébergé comment ?

Voici une partie header de la page d'accueil :

<base href="http://www.randonnee-nanterre.com/">


<link type="text/css" href="http://www.randonnee-nanterre.com/modules/mod_artwijmomenu/mod_artwijmomenu/stuff/base-reset.css" rel="stylesheet">
</link>
<link type="text/css" href="http://www.randonnee-nanterre.com/modules/mod_artwijmomenu/mod_artwijmomenu/stuff/themes/aristo/jquery-wijmo.css" rel="stylesheet">
</link>
<link type="text/css" href="http://www.randonnee-nanterre.com/modules/mod_artwijmomenu/mod_artwijmomenu/stuff/themes/wijmo/jquery.wijmo.wijsuperpanel.css" rel="stylesheet">
</link>
<link type="text/css" href="http://www.randonnee-nanterre.com/modules/mod_artwijmomenu/mod_artwijmomenu/stuff/themes/wijmo/jquery.wijmo.wijmenu.css" rel="stylesheet">
</link>
<link type="text/css" href="http://randonnee-nanterre.com/modules/mod_artwijmomenu/mod_artwijmomenu/stuff/base-reset.css" rel="stylesheet">
</link>
<link type="text/css" href="http://randonnee-nanterre.com/modules/mod_artwijmomenu/mod_artwijmomenu/stuff/themes/aristo/jquery-wijmo.css" rel="stylesheet">
</link>
<link type="text/css" href="http://randonnee-nanterre.com/modules/mod_artwijmomenu/mod_artwijmomenu/stuff/themes/wijmo/jquery.wijmo.wijsuperpanel.css" rel="stylesheet">
</link>
<link type="text/css" href="http://randonnee-nanterre.com/modules/mod_artwijmomenu/mod_artwijmomenu/stuff/themes/wijmo/jquery.wijmo.wijmenu.css" rel="stylesheet">
</link>
<script type="text/javascript" src="http://www.randonnee-nanterre.com/modules/mod_artwijmomenu/mod_artwijmomenu/stuff/external/jquery-1.4.3.min.js">
</script>
<script type="text/javascript" src="http://www.randonnee-nanterre.com/modules/mod_artwijmomenu/mod_artwijmomenu/stuff/external/jquery-ui-1.8.6.custom.min.js">
</script>
<script type="text/javascript" src="http://www.randonnee-nanterre.com/modules/mod_artwijmomenu/mod_artwijmomenu/stuff/external/jquery.mousewheel.min.js">
</script>
<script type="text/javascript" src="http://www.randonnee-nanterre.com/modules/mod_artwijmomenu/mod_artwijmomenu/stuff/external/jquery.bgiframe-2.1.3-pre.js">
</script>
<script type="text/javascript" src="http://www.randonnee-nanterre.com/modules/mod_artwijmomenu/mod_artwijmomenu/stuff/wijmo/jquery.wijmo.wijutil.js">
</script>
<script type="text/javascript" src="http://www.randonnee-nanterre.com/modules/mod_artwijmomenu/mod_artwijmomenu/stuff/wijmo/jquery.wijmo.wijsuperpanel.js">
</script>
<script type="text/javascript" src="http://www.randonnee-nanterre.com/modules/mod_artwijmomenu/mod_artwijmomenu/stuff/wijmo/jquery.wijmo.wijmenu.js">
</script>
<script type="text/javascript" src="http://www.randonnee-nanterre.com/modules/mod_artwijmomenu/mod_artwijmomenu/stuff/wijmo/jquery.nc.js">
</script>
<script type="text/javascript" src="http://randonnee-nanterre.com/media/mod_udjacomments/js/mod_udjacomments.js">
</script>
<script type="text/javascript" src="http://randonnee-nanterre.com/modules/mod_artwijmomenu/mod_artwijmomenu/stuff/external/jquery-1.4.3.min.js">
</script>
<script type="text/javascript" src="http://randonnee-nanterre.com/modules/mod_artwijmomenu/mod_artwijmomenu/stuff/external/jquery-ui-1.8.6.custom.min.js">
</script>
<script type="text/javascript" src="http://randonnee-nanterre.com/modules/mod_artwijmomenu/mod_artwijmomenu/stuff/external/jquery.mousewheel.min.js">
</script>
<script type="text/javascript" src="http://randonnee-nanterre.com/modules/mod_artwijmomenu/mod_artwijmomenu/stuff/external/jquery.bgiframe-2.1.3-pre.js">
</script>
<script type="text/javascript" src="http://randonnee-nanterre.com/modules/mod_artwijmomenu/mod_artwijmomenu/stuff/wijmo/jquery.wijmo.wijutil.js">
</script>
<script type="text/javascript" src="http://randonnee-nanterre.com/modules/mod_artwijmomenu/mod_artwijmomenu/stuff/wijmo/jquery.wijmo.wijsuperpanel.js">
</script>
<script type="text/javascript" src="http://randonnee-nanterre.com/modules/mod_artwijmomenu/mod_artwijmomenu/stuff/wijmo/jquery.wijmo.wijmenu.js">
</script>
<script type="text/javascript" src="http://randonnee-nanterre.com/modules/mod_artwijmomenu/mod_artwijmomenu/stuff/wijmo/jquery.nc.js">
</script>
<script type="text/javascript">
</script>
<script id="scriptInit" type="text/javascript">
</script>

Je ne connais pas mod_artwijmomenu, je n sais pas si c'st ce que tu utilises pour ton menu principal, mais tout ça pour un volet déroulant dans le menu à peine animé, ça fait beaucoup.

[tounse]

Re : lenteur d'affichage d'un site joomla 1.7

en effet, que me suggeres tu à la place pour avoir un effet identique ?
merci

[Grand Schtroumpf]

Re : lenteur d'affichage d'un site joomla 1.7

RE,
le maximenu CK ? Mais peu de chances que ça soit le facteur principal de lenteur.
Tu n'as pas répondu à ça :

c'est hébergé comment ?

[tounse]

Re : lenteur d'affichage d'un site joomla 1.7

c'est hébergé chez OVH qu'entends tu par comment ?

je peux faire le ménage car j'ai mis tout Joomla ....
mais je ne pense que cela change quoi que ce soit, car ce n'est pas appelé par mon site

[Grand Schtroumpf]

Re : lenteur d'affichage d'un site joomla 1.7

Bonjour,

c'est hébergé chez OVH qu'entends tu par comment ?

Chez quel hébergeur (OVH donc) et quel type de contrat ...
OVH en principe n'est pas réputé lent...

[zepelin57]

Re : lenteur d'affichage d'un site joomla 1.7

Bonsoir,

C'est clair que le menu utilisé engendre pas mal de ressource, et je rejoins GS à quoi bon mettre ce genre de menu apparemment pas nécessaire au vu de ton site ?

[PhilJ]

Re : lenteur d'affichage d'un site joomla 1.7

la page s'affiche en 12"
test fait sur http://www.webpagetest.org
si vous avez une idée ?

Bonjour,


Testé à l'instant : 16 secondes (6.5 " si en cache). C'est assez conforme en un sens car le total des ressources est de 1.6 Mo :-\

...C'est à l'évidence beaucoup trop. Probablement y a-t-il des ressources inutiles dans ce total, voire des appels redondants (Jquery notamment, mais pas seulement)*. Performance PSpeed : 20 / 100.


Sinon aussi : oui, le problème vient un peu de 2 des images, passablement lourdes ou inutilement redimensionnées, mais surtout de toutes les autres ressources mobilisées (JS et CSS)... et de l'absence de compression. Voyez http://www.webpagetest.org/result/11...R4/1/pagespeed (<= en espérant que le lien soit valide, sinon retestez votre site avec cet outil en ligne, puis utilisez le lien de menu 'PageSpeed' en haut). Alternativement, installez Firebug dans votre navigateur Firefox, et cliquez l'onglet 'PageSpeed'.

Vous aurez du travail pour corriger tout cela : (1°) tâchez de minimiser le poids des images et donnez-leur la dimension qu'elles doivent avoir, ni plus ni moins, notamment le bandeau d'en-tete + la photo en position module à gauche, car le redimensionnement « à la volée » est à éviter, (2°) activez GZIP, et si possible installez et configurez une extension gérant la compression & la fusion des fichiers CSS et JS. (3°) Désactivez les extensions (plugins, modules, voire composants) que vous n'utilisez pas. Enfin, (3°) comme il vous a déjà été suggéré, voyez si le module de menu pourrait être remplacé par quelque chose de plus léger.

Il n'est pas impossible non plus qu'il y ait des erreurs ici ou là dans le code. Or elles peuvent être une autre source de ralentissement du chargement de votre page.




Bon courage.



PhilJ

---

* EDIT : il semble en effet que certaines ressources soient appelées avec http://randonnee... et d'autres avec http://www.randonnee... Et parfois ce sont les mêmes ressources ! => Regardez dans l'outil en ligne que vous avez utilisé, en cliquant sur 'Domains', de même dans la colonne de gauche de 'Details', idem dans 'Performance Review', et dans 'Serve resources from a consistent URL' du lien 'PageSpeed'. Toute se passe comme si votre page se chargeait 2 fois, ou presque. => Problème de configuration du site ?

[tounse]

Re : lenteur d'affichage d'un site joomla 1.7

bonsoir

autant je comprend les suggestions d'optimisation

mais concernant * EDIT de quel outil parlez vous ? et le site 2 s’affiche fois ?
ca je ne comprend pas !
je ne touche pas au code, et les images ne sont vraiment pas lourde, ! jpeg très optimisé
quelles sont les ressources ccs et js non utilisé, c'est mon premier site joomla (mais pas le premier en html et ou php) j'utilise en plus un template standard !
merci d'être plus claire

avec joomla peut on quand même faire des sites avec des photos et des menus sympas ?


philippe

[zepelin57]

Re : lenteur d'affichage d'un site joomla 1.7

Quand on travaille sur un site, on doit travailler avec des outils de dév, sous FF tu dois installer Firebug ou si tu utilises Chrome, Opera un simple clic droit et travailler avec Inspecter l"élément.

avec joomla peut on quand même faire des sites avec des photos et des menus sympas ?

Oui en cherchant sur le JED il y a des extensions à foison.

[PhilJ]

Re : lenteur d'affichage d'un site joomla 1.7

concernant * EDIT de quel outil parlez vous ? et le site 2 s’affiche fois ?
ca je ne comprend pas !

Bonsoir Philippe,


« EDIT » signifie édition = j'ai retouché mon message initial en revenant sur votre site avec l'outil en ligne que vous avez vous-même utilisé. L'astérisque en rouge = début d'une note appelée par le même astérisque plus haut. => Je n'évoque pas un mystérieux outil que je n'aurais pas nommé, mais celui que vous avez utilisé.

C'est lui, notamment, qui m'a appris que certaines de vos ressources (= fichiers JS et CSS) sont appelées tantôt avec http://rando... tantôt avec http://www.rando... En utilisant comme indiqué l'outil en ligne en question. vous verrez de plus comme moi que certaines d'entre elles sont chargées 2 fois. Je ne saurais vous en donner la raison sans pouvoir accéder à l'administration de votre site, notamment à sa configuration (et le fichier configuration.php), mais c'est ce qui est explicitement indiqué par http://www.webpagetest.org, et cela à plusieurs reprises. Vous pouvez vous en rendre compte par vous-même en suivant les indications de mon précédent message, justement dans ce paragraphe "EDIT".

Plus simplement, il est possible, depuis n'importe quel navigateur, de voir le code source (HTML) : Affichage > Code source. Les erreurs sont déjà bien visibles de cette façon.

Précision qui n'est peut-être pas inutile : j'ai bien dit que certaines ressources (CSS et JS) sont chargées 2 fois dans votre page, et non pas, ainsi que vous l'écrivez, que « le site s'affiche 2 fois ».

je ne touche pas au code

...Pas directement non, mais vos extensions si, et la mise en place trop rapide de vos images aussi, et la configuration de votre site aussi, etc.

Concernant les images, vous écrivez :

les images ne sont vraiment pas lourde, ! jpeg très optimisé

...Reprenons : Firebug indique très clairement que votre bandeau d'en-tête est redimensionné (image de 1 028px × 200px redimensionnée à 1 008px × 196px). C'est inutile et coûteux en terme de temps de chargement. Et il en est de même pour l'image en position module gauche.

Le bandeau d'en-tête est, de plus, visuellement amputé de sa partie gauche : logo coupé en deux, absence du « E. » de E.S. Nanterre (du moins sur un écran 17"). => On ne peut donc pas raisonnablement parler d'optimisation concernant cet aspect.

Enfin, le bandeau d'en-tête n'est pas un JPEG mais un PNG. => Poids très élevé, surtout vu la qualité intrinsèque de l'image : 157.94 Ko (161 731 octets). Voyez un JPG équivalent (1 007 X 196) avec un poids de 24.1 Ko (24 746 octets), qui pourrait remplacer avantageusement l'original de votre site sans détérioration notable pour l'oeil (cliquez, puis sauvegardez) :

Gain par rapport à votre PNG : 84 %.


...Enfin, pour revenir à la question de votre 1er message

2 fichiers (1png et 1 jpg) pour la bannières pour la page index ?

Non : la première image (PNG) est votre bandeau d'en-tête, la seconde est l'image en dessous (JPG).

quelles sont les ressources ccs et js non utilisé

Avez-vous revu de près votre fichier configuration.php ?

Avez-vous, comme suggéré aussi, désactivé les extensions (modules et plugins) non utilisées ? Tenez-vous vraiment à l'extension qui gère votre menu ?

De plus, comme déjà indiqué, vous pourriez gagner énormément en activant GZIP : l'avez-vous fait ? Il semble que non. PageSpeed indique pourtant que vous pourriez économiser 380.3 Ko en l'activant. De même, pour plus d'efficacité, avez-vous tenté d'installer et de configurer une extension permettant la compression et / ou la fusion des CSS et JS ? Il semble que non, non plus.

=> Faites des essais en suivant ces quelques conseils (le plus délicat à suivre est le dernier évoqué : configurer l'extension de compression / fusion de votre choix). Et n'oubliez pas d'installer Firebug : ce genre d'outil vous dépannera souvent.

avec joomla peut on quand même faire des sites avec des photos et des menus sympas ?

Mais oui bien sûr. Joomla est le meilleur CMS depuis des années.
A vrai dire, vous auriez rencontré les mêmes problèmes avec un autre logiciel que Joomla : ce n'est pas lui qui est en cause. Je suis sûr que vous ne le prenez pas mal, mais comme avec tout système informatique élaboré (c'est bien le cas de Joomla) il faut mobiliser de solides connaissances, avoir acquis de l'expérience, et, bien sûr, disposer de suffisamment de patience et de temps.


Bon courage.



Cordialement,




PhilJ

[tounse]

Re : lenteur d'affichage d'un site joomla 1.7

Bonjour

j'ai bien avancé; maintenant c'est cette extension qui "pèse" le plus

mootools-more.js

de quoi s'agit il ?

merci

[PhilJ]

Re : lenteur d'affichage d'un site joomla 1.7

après pas mal de modifications, il me reste un module non identifié qui est "long", /mootools-more.js
de quoi s'agit il ?

Bonsoir Philippe,


Il y a eu un fil très instructif sur forum.jooma.fr à ce sujet à cette adresse :

http://forum.joomla.fr/archive/index.php/t-150771.htm

(Conseil : imprimez la page car c'est assez costaud).


Bonne soirée,



PhilJ

[tounse]

Re : lenteur d'affichage d'un site joomla 1.7

sur ce site il est possible d'optimiser le fichier Jz

http://mootools.net/more/

mais à quoi me sert mootools, cad que cocher ? ) à part la alngue FR
comment savoir les ressources necessaires
mon site est en francçiais uniquement et le menu est maximenu CK
alors aue faire ?

merci encore

[tounse]

Re : lenteur d'affichage d'un site joomla 1.7

Bonjour

après avoir fait pas mal de modifications optimisation des images et changement de menu
j'ai encore une question

de quoi s'agit il ?


<script src="/media/system/js/core.js" type="text/javascript"></script>
<script src="/media/system/js/mootools-core.js" type="text/javascript"></script>
<script src="/media/system/js/caption.js" type="text/javascript"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script>
<script src="/media/system/js/mootools-more.js" type="text/javascript"></script>
<script src="/templates/beez_20/javascript/md_stylechanger.js" type="text/javascript" defer="defer"></script>

puis à la lecture de cela, enlever des extension inutiles ?

merci

Philippe