Différer chargement scripts dans template yootheme master

Réduire
X
  • Filtrer
  • Heure
  • Afficher
Tout effacer
nouveaux messages

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

    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
    Dernière édition par xillibit à 11/03/2013, 17h43

  • #2
    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 ?
    Dernière édition par ghazal à 11/03/2013, 15h12
    “Un message d’erreur sur votre site Joomla ... ayez le reflexe de consulter le nouveau service (en Beta) de la base de connaissance https://kb.joomla.fr

    Commentaire


    • #3
      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 :

      Code PHP:
      <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.
      Dernière édition par xillibit à 11/03/2013, 17h41

      Commentaire


      • #4
        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.
        “Un message d’erreur sur votre site Joomla ... ayez le reflexe de consulter le nouveau service (en Beta) de la base de connaissance https://kb.joomla.fr

        Commentaire


        • #5
          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>

          Commentaire


          • #6
            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>
            “Un message d’erreur sur votre site Joomla ... ayez le reflexe de consulter le nouveau service (en Beta) de la base de connaissance https://kb.joomla.fr

            Commentaire


            • #7
              Re : Différer chargement scripts dans template yootheme master

              Envoyé par ghazal Voir le message


              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

              Commentaire

              Annonce

              Réduire
              1 sur 2 < >

              C'est [Réglé] et on n'en parle plus ?

              A quoi ça sert ?
              La mention [Réglé] permet aux visiteurs d'identifier rapidement les messages qui ont trouvé une solution.

              Merci donc d'utiliser cette fonctionnalité afin de faciliter la navigation et la recherche d'informations de tous sur le forum.

              Si vous deviez oublier de porter cette mention, nous nous permettrons de le faire à votre place... mais seulement une fois
              Comment ajouter la mention [Réglé] à votre discussion ?
              1 - Aller sur votre discussion et éditer votre premier message :


              2 - Cliquer sur la liste déroulante Préfixe.

              3 - Choisir le préfixe [Réglé].


              4 - Et voilà… votre discussion est désormais identifiée comme réglée.

              2 sur 2 < >

              Assistance au forum - Outil de publication d'infos de votre site

              Compatibilité: PHP 4.1,PHP4, 5, 6DEV MySQL 3.2 - 5.5 MySQLi from 4.1 ( @ >=PHP 4.4.9)

              Support Version de Joomla! : | J!3.0 | J!2.5.xx | J!1.7.xx | J!1.6.xx | J1.5.xx | J!1.0.xx |

              Version française (FR) D'autres versions sont disponibles depuis la version originale de FPA

              UTILISER À VOS PROPRES RISQUES :
              L'exactitude et l'exhaustivité de ce script ainsi que la documentation ne sont pas garanties et aucune responsabilité ne sera acceptée pour tout dommage, questions ou confusion provoquée par l'utilisation de ce script.

              Problèmes connus :
              FPA n'est actuellement pas compatible avec des sites Joomla qui ont eu leur fichier configuration.php déplacé en dehors du répertoire public_html.

              Installation :

              1. Téléchargez l'archive souhaitée : http://afuj.github.io/FPA/

              Archive zip : https://github.com/AFUJ/FPA/zipball/master

              2. Décompressez le fichier de package téléchargé sur votre propre ordinateur (à l'aide de WinZip ou d'un outil de décompression natif).

              3. Lisez le fichier LISEZMOI inclus pour toutes les notes de versions spécifiques.

              4. LIRE le fichier de documentation inclus pour obtenir des instructions d'utilisation détaillées.

              5. Téléchargez le script fpa-fr.php à la racine de votre site Joomla!. C'est l'endroit que vous avez installé Joomla et ce n'est pas la racine principale de votre serveur. Voir les exemples ci-dessous.

              6. Exécutez le script via votre navigateur en tapant: http:// www. votresite .com/ fpa-fr.php
              et remplacer www. votresite .com par votre nom de domaine


              Exemples:
              Joomla! est installé dans votre répertoire web et vous avez installé la version française du fichier FPA:
              Télécharger le script fpa-fr.php dans: /public_html/
              Pour executer le script: http://www..com/fpa-fr.php

              Joomla! est installé dans un sous-répertoire nommé "cms" et vous avez installé la version française du fichier FPA:
              Télécharger le script fpa-fr.php dans: /public_html/cms/
              Pour executer le script: http://www..com/cms/fpa-fr.php

              En raison de la nature très sensible de l'information affichée par le script FPA, il doit être retiré immédiatement du serveur après son utilisation.

              Pour supprimer le script de votre site, utilisez le lien de script de suppression fourni en haut de la page du script. Si le lien de suppression échoue pour supprimer le script, utilisez votre programme FTP pour le supprimer manuellement ou changer le nom une fois que le script a généré les données du site et le message publié sur le forum. Si le script est toujours présent sur le site, il peut être utilisé pour recueillir suffisamment d'informations pour pirater votre site. Le retrait du script empêche des étrangers de l'utiliser pour jeter un oeil à la façon dont votre site est structuré et de détecter les défauts qui peuvent être utilisé à vos dépends.
              Voir plus
              Voir moins
              Travaille ...
              X