Discussion :

[nouvintou]

Bonjour,

Je développe un site web en .net.

Le problème est que les pages web se chargent d'une façon progressive, c'est à dire l’utilisateur lorsqu'il navigue d'une page à une autre il peut voir l'affichage des composants(image d'entête, barre de bordure) se chargent progressivement jusqu'à l'affichage entier de la page se termine.

Ma question y'a t-il une méthode qui peut afficher la page si elle est totalement prête mais aussi sans laisser l’utilisateur en une longue attente?

[SpaceFrog]

a mon avis à moins d'avoir des pages hyper lourde tu dois pouvoir rationaliser ton code.
Il y a tout un tas d'astuces pour augmenter la rapidité du chargement.
Taille des images etc ...
Firefox possède un addon complémentaire à firebug qui se nomme Yslow qui fait un diagnostique du chargement

Sinon coté serveur si les operation de genereation du code sont longue et en plusieurs étapes tu peux faire un buffer et tout envoyer en une seule fois

Autrement avec javascript tu mets le body en display none et sur le onlad tu le bascule à display block

Sinon tu as deux possibilités po

[RomainVALERI]

Sinon tu as deux possibilités po

Allo ? allo ?
Zut, ça a coupé...



(heureusement qu'il a eu le temps de te passer un max de bonnes infos déjà )

[Bovino]

Ma question y'a t-il une méthode qui peut afficher la page si elle est totalement prête mais aussi sans laisser l’utilisateur en une longue attente?

Donc pour reformuler, tu voudrais quand tes pages sont longues à charger que ça se fasse rapidement, c'est ça ?

[nouvintou]

Donc pour reformuler, tu voudrais quand tes pages sont longues à charger que ça se fasse rapidement, c'est ça ?

C'est ça avec affichage complet du page en une seule fois sans avoir des éléments(images, barres,..) en retard, c'est à dire sans avoir une page qui se compose devant l'internaute.

Y'a t'il de moyen rapide et léger?

[kohsaka]

Comme l'a proposé spaceFrog, tu peux mettre en display: none; ton body et le passer en display: block; une fois que tout est chargé :

Code :

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

1
2
3
4
 
window.onload = function() {
     document.body.style.display = "block";
}

Mais tes utilisateurs auront une page blanche en attendant, ça ne règle pas vraiment le problème.

En tout cas, ce n'est pas avec du javascript que tu pourras accélérer l'affichage.

[nouvintou]

J'ai essayé cette solution, mais elle n'est pas vraiment efficace.

Le problème que j'ai remarqué, est que le contenu lourd (animation,... ) de la page segmente l'affichage, je sais pas comment puis je synchroniser entre temps de réponse et un bon display sans segmentation.

[SpaceFrog]

là tu dois avoir de grosses images ...
donc le load de la page est terminé avant que toutes les images soient en complete
il faut boucler en setInterval pour tester si toutes les images sont complete