Discussion :

[Alhymen]

Bonjour ou bonsoir à tous,

Pour mon site web perso, j'effectue quelques optimisations de vitesse de chargement de page mais j'ai un problème qui coince.

Pas de problème sous Firefox, Voici le bout de code pour IE :

Code :

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

window.attachEvent("onload",downloadJSAtOnload);

et dans la fonction downloadJSAtOnload :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
 
function downloadJSAtOnload(){
	var element = document.createElement("script");
	element.src="fonctions_js.js";
	document.body.appendChild(element);
	/*
		partie autres navigateurs
	*/
	else if(element.attachEvent)
	{
		element.attachEvent('onLoad',function() {
			try{
				var element2=document.createElement("script");
				element2.src="fonctions_js_bis.js";
				document.body.appendChild(element2);
			}
			catch ( err )
			{
				alert("preprod erreur attachEvent");
			}
		}
	}
}

le premier js est générique à toutes les pages. Le deuxième est spécifique pour une page.

Des fonctions de fonctions_js.js sont nécessaires pour fonctions_js_bis.js donc je dois attendre la fin du chargement du fichier pour pouvoir inclure le deuxième.

Il n'y a pas d'erreur javascript de détecté et des alert un peu partout m'ont montré que c'est juste l'événement qui n'est jamais déclenché.

J'ai cherché sur la toile mais rien trouvé pour l'instant, quelqu'un aurait une piste ?

Merci d'avance

[Bovino]

IE n'accepte pas l'événement onload pour une balise script. Il faut passer par onreadystatechange.

[RomainVALERI]

Par curiosité : qu'est-ce qui rend nécessaire (ou souhaitable) d'inclure dynamiquement tes scripts JS plutot que de les lier à la page directement ?

[Alhymen]

IE n'accepte pas l'événement onload pour une balise script. Il faut passer par onreadystatechange.

merci ça marche nickel (par contre il faut rajouter

Code :

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

element.src="fonctions_design_bis.js";

juste après l'attache de mon événement sur l'élément)

Par curiosité : qu'est-ce qui rend nécessaire (ou souhaitable) d'inclure dynamiquement tes scripts JS plutot que de les lier à la page directement ?

Dans un premier temps, mon serveur fait en sorte que les clients ne chargent qu'une fois le fichier pour une durée déterminée (1 semaine, temps conseillé par google) afin d'alléger le serveur en cas de rechargement de la page.

Ensuite plutôt que de mettre les fichiers en dur et qu'ils plombent le temps de chargement de la page, je les met en différé voir lien : http://code.google.com/intl/fr/speed...DeferLoadingJS) ainsi en apparence, le temps de chargement du site parait plus rapide (en apparence seulement mais ça donne l'impression aux internautes d'être sur un site réactif).

Tout cela sert aussi au référencement du site web vu que google prend désormais en compte le temps de chargement dans ses algos.

[RomainVALERI]

merci ça marche nickel (par contre il faut rajouter

Code :

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

element.src="fonctions_design_bis.js";

juste après l'attache de mon événement sur l'élément)


Dans un premier temps, mon serveur fait en sorte que les clients ne chargent qu'une fois le fichier pour une durée déterminée (1 semaine, temps conseillé par google) afin d'alléger le serveur en cas de rechargement de la page.

Ensuite plutôt que de mettre les fichiers en dur et qu'ils plombent le temps de chargement de la page, je les met en différé voir lien : http://code.google.com/intl/fr/speed...DeferLoadingJS) ainsi en apparence, le temps de chargement du site parait plus rapide (en apparence seulement mais ça donne l'impression aux internautes d'être sur un site réactif).

Tout cela sert aussi au référencement du site web vu que google prend désormais en compte le temps de chargement dans ses algos.

Merci pour ta réponse, j'avoue que le principe est séduisant