Appels de fichiers

yann18 · 26/01/2011, 14h59

Bonjour,

Je travaille sur un projet basé essentiellement sur PHP/ Mysql. La mise en page est basée sur une page principale dans laquelle seront inclus tel ou tel fichiers selon le lien.
Mais je commence à me poser la question quant à la gestion des fichiers java-script. J'aimerais en faire autant en ce qui les concerne si possible. Pour l'instant, je me contente de faire une insertion manuelle à la fin du fichier. Mais cette solution ne me satisfait guère, d'autant plus qu'elle n'est pas très "propre". Effectivement, une fois la page composée/ recomposée par PHP, les scripts se retrouve vers la fin de celle-ci, mais pas juste avant la fin de la balise <body>, comme préconisée maintenant. Ce qui donne à peu près ça:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
...
<div id="previewTotauxBonCom"></div>
</div>
<script type="text/javascript" src="scripts/fichier1.js"></script>
<script type="text/javascript" src="scripts/fichier2.js"></script>
</div><!-- fin de contenu -->
</div><!-- fin de centre -->
<div id="pied"></div><!-- Pied de page -->
</body>

Comment faites-vous pour gérer l'appel de vos fichier java-script, et qu'ils soient placés au même endroit dans votre page ?
Merci,

gwinyam · 26/01/2011, 16h59

Avec un fichier du genre include-js.php que t'appelles entre le corps de ta page et la balise de fermeture du body?

Ou directement depuis ton include de footer de ta page (si t'en as un)

Loceka · 27/01/2011, 11h19

Personnellement je ferais ça dans le <head>. Après selon le titre/lien de la page tu peux choisir d'inclure tel ou tel javascript

gwinyam · 27/01/2011, 11h56

C'est ce qui fait généralement, c'est aussi ce que je fais d'ailleurs, mais des boîtes comme Google et Yahoo conseillent de les mettre en pied de page. Et la raison est simple :

Un navigateur ne peut pas charger plus de 2 fichiers en parallèle par domaine (spécification HTTP 1.1). Du coup, quand ta page se charge et qu'en parallèle, elle charge aussi le fichier jquery.js, par exemple, elle est provisoirement bloquée et ne charge donc pas de suite, les images, qui devront attendre que tous les scripts js soient chargés. Pour des raisons d'esthétisme et de perfos, il peut donc être très préférable de mettre les balises d'appels aux scripts en fin de page.
Ceci dit, ce n'est pas toujours possible si le script utilise la méthode write par exemple (enfin sauf si on a protégé par un document.ready bien entendu)

26/01/2011, 16h59	#2
gwinyam Membre Expert Mathieu ROBIN Développeur Web Inscription : mai 2006 Messages : 1 116 Détails du profil Informations personnelles : Nom : Mathieu ROBIN Âge : 25 Localisation : France, Paris (Île de France) Informations professionnelles : Activité : Développeur Web Secteur : High Tech - Opérateur de télécommunications Informations forums : Inscription : mai 2006 Messages : 1 116 Points : 2 142 Points : 2 142	Avec un fichier du genre include-js.php que t'appelles entre le corps de ta page et la balise de fermeture du body? Ou directement depuis ton include de footer de ta page (si t'en as un) __________________ Mon blog techno et son billet hebdomadaire sur l'actualité jQuery. Et mon blog cuisine pour une personne. Le bouton ne masse pas les pieds, mais ça aide la communauté.
	00

27/01/2011, 11h19	#3
Loceka Membre Expert Tlouye Ci Inscription : mars 2004 Messages : 1 450 Détails du profil Informations personnelles : Nom : Tlouye Ci Informations forums : Inscription : mars 2004 Messages : 1 450 Points : 2 149 Points : 2 149	Personnellement je ferais ça dans le <head>. Après selon le titre/lien de la page tu peux choisir d'inclure tel ou tel javascript
	00

27/01/2011, 11h56	#4
gwinyam Membre Expert Mathieu ROBIN Développeur Web Inscription : mai 2006 Messages : 1 116 Détails du profil Informations personnelles : Nom : Mathieu ROBIN Âge : 25 Localisation : France, Paris (Île de France) Informations professionnelles : Activité : Développeur Web Secteur : High Tech - Opérateur de télécommunications Informations forums : Inscription : mai 2006 Messages : 1 116 Points : 2 142 Points : 2 142	C'est ce qui fait généralement, c'est aussi ce que je fais d'ailleurs, mais des boîtes comme Google et Yahoo conseillent de les mettre en pied de page. Et la raison est simple : Un navigateur ne peut pas charger plus de 2 fichiers en parallèle par domaine (spécification HTTP 1.1). Du coup, quand ta page se charge et qu'en parallèle, elle charge aussi le fichier jquery.js, par exemple, elle est provisoirement bloquée et ne charge donc pas de suite, les images, qui devront attendre que tous les scripts js soient chargés. Pour des raisons d'esthétisme et de perfos, il peut donc être très préférable de mettre les balises d'appels aux scripts en fin de page. Ceci dit, ce n'est pas toujours possible si le script utilise la méthode write par exemple (enfin sauf si on a protégé par un document.ready bien entendu) __________________ Mon blog techno et son billet hebdomadaire sur l'actualité jQuery. Et mon blog cuisine pour une personne. Le bouton ne masse pas les pieds, mais ça aide la communauté.
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email