[Problème] Différer chargement scripts dans template yootheme master

[xillibit]

Bonjour,

Bonjour,

J'utilise le template yootheme master pour un nouveau site, sur la page d'accueil j'ai les librairies mootools et mootools-more qui sont chargés avant même le CSS. J'ai regardé partout dans le template et je ne vois pas ou l'appel est fait pour charger ces librairies. Sur ma page d'accueil j'ai juste un article qui est affiché et aucun composant.

Ce que je veux faire c'est différer le chargement des fichiers javascript en les mettant juste avant la balise </body>

Auriez-vous une idée ?

Merci d'avance

[ghazal]

Re : Différer chergement scripts dans template yootheme master

Salut,
effectivement, c'est curieux, cette décision de charger des scripts JS avant les CSS.
Le fichier responsable est ici :
/templates/yoo_master/warp/systems/joomla/layouts/head.php

Mais quand à placer les JS à la fin du body, laisse tomber, en tous les cas dans warp.
Le chargement de ce qui se place dans la head est défini par une variété de classes PHP (dans le core de Joomla) qu'il est assez compliqué de modifier.

L'ensemble est regroupé dans l'espression :
<jdoc:include type="head" />
qui se trouve ± ligne 6 dans le fichier cité plus haut.

Ce fichier, qui traite également des métasTags, de la compression JS et CSS, de l'appel de jQuery, réordonne le chargement final des éléments de la head, y compris la compression.
Donc, là aussi, un peu sportif à modifier.

Bon, mais si ca marche, pourquoi t'embeter ?

[xillibit]

Re : Différer chergement scripts dans template yootheme master

J'avais trouvé ce fichier, j'ai du remplacer le fichier jQuery (dont on ne connait pas la version) fournit avec le template avec une autre car ça empêchait le fonctionnement du mod_sildeshowck...

Je testais mon site avec https://developers.google.com/speed/pagespeed/insights, c'est pour cela que j'essayais d'optimiser un peu le chargement des scripts.

Je ne sais pas si c'est Joomla! lui-même qui charge Mootools :

<script src="/v2/cache/template/mootools-core.js" type="text/javascript"></script>
  <script src="/v2/cache/template/mootools-more.js" type="text/javascript"></script>
  <script src="/v2/cache/template/caption.js" type="text/javascript"></script> 

Dans le fichier head.php je n'ai aucun appel pour charger mootools et en plus il me les met avant les CSS puis aprés j'ai les CSS du template. Je voulais juste que ces scripts soient placés juste après les CSS...

Je me complique la tâche pour rien, je vais laisser ça comme cela.

[ghazal]

Re : Différer chargement scripts dans template yootheme master

Dans le fichier head.php je n'ai aucun appel pour charger mootools et en plus il me les met avant les CSS puis aprés j'ai les CSS du template. Je voulais juste que ces scripts soient placés juste après les CSS...

Oui, j'avais bien compris.
Ma phrase était mal construite.
Quand je parlais de "cette décision de charger des scripts JS avant les CSS", je parlais de la décision des devs de Warp.
Ta volonté de charger les CSS AVANT les JS est parfaitement légitime et même recommandée.

[xillibit]

Re : Différer chargement scripts dans template yootheme master

Je veux juste charger quelques script susceptibles de ralentir le chargement de la page au niveau de la balise </body>, mais les autres scripts seront chargés dans head

Ce sont les scripts suivants et comme ils chargés depuis google, je ne peux pas les compresser :

<script type="text/javascript" src="http://google-maps-utility-library-v3.googlecode.com/svn/trunk/markerclusterer/src/markerclusterer.js"></script>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript" src="https://www.google.com/jsapi"></script>

[ghazal]

Re : Différer chargement scripts dans template yootheme master

salut,
j'ai checké pas mal de scripts googlemaps ces derniers temps :

Cet appel, qui se place dans la head,

<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>

est plus récent que :

<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>

Je placerais ceci après l'appel à l'API googlemaps cité précédemment (dans la head ou avant </body>:

<script type="text/javascript" src="http://google-maps-utility-library-v3.googlecode.com/svn/trunk/markerclusterer/src/markerclusterer.js"></script>

As-tu une raison précise d'appeler l'API général de Coogle ?

<script type="text/javascript" src="https://www.google.com/jsapi"></script>

[xillibit]

Re : Différer chargement scripts dans template yootheme master

As-tu une raison précise d'appeler l'API général de Coogle ?

Je me souviens plus pourquoi j'utilise cela, il faudrait que je teste mon script sans appeler cela