Page longue à charger : afficher la progression

Consultez la formation au référencement naturel Google de WebRankInfo / Ranking Metrics


OTP
Modérateur
Modérateur
 
Messages: 12862
Inscription: Ven Déc 16, 2005 22:41

Page longue à charger : afficher la progression

Message le Sam Juil 12, 2008 15:00

Bonjour,

Sur la V3 de mon 3W, j'ai plusieurs pages assez lourdes. J'aimerais que se charge déjà le début de la page (tout sauf une maps GG), rapidement, ainsi qu'un indicateur qui montre le % de chargement du reste (la partie lourde, la maps), qui s'afficherai finalement une fois arrivée à 100%

Comment peut-on faire ça ?

Merci d'avance,

Michaël


Chacho
WRInaute discret
WRInaute discret
 
Messages: 64
Inscription: Dim Sep 16, 2007 18:42

Message le Sam Juil 12, 2008 15:18

Salut,

Perso, j'utilise mootools comme librairie javascript et si j'étais dans ton cas, pour charger la map seulement à la fin, j'utiliserais ( j'en ai pas eu besoin encore mais je garde ça dans ma hotte )
http://docs.mootools.net/Plugins/Assets
qui te permet de charger dynamiquement javascript, css et images.
Après pour le % je sais pas..


OTP
Modérateur
Modérateur
 
Messages: 12862
Inscription: Ven Déc 16, 2005 22:41

Message le Sam Juil 12, 2008 16:11

Ca à l'air intéressant, mais je ne vois pas trop comment adapter ça à une GG maps.
(Et en plus je n'y connais rien en js).
Tu ferais ça comment ?

j-mi
WRInaute accro
WRInaute accro
 
Messages: 2824
Inscription: Mar Mai 17, 2005 22:45

Message le Dim Juil 13, 2008 2:59

OTP a écrit:Ca à l'air intéressant, mais je ne vois pas trop comment adapter ça à une GG maps.
(Et en plus je n'y connais rien en js).
Tu ferais ça comment ?


dans les mods phpBB y a un script pour afficher une image durant le temps de chargement de la page

j'ai aussi un bout de js dans mes foufes
je ne sais meme pas si y a pas un post dans mon www

tu devrais t'inspirer de ce genre de menu , ainsi tu charges pas tout d'un coups
*http://dev.developpements.org/presentations-titres-services.html

prends le script ;)

le truc c'est des appels html via ajax
c tout simple , tu a deux div a respecter
la div du contenu et la div du menu
les appels javas dans le header html , et creer des pages qui se noment article

si je suis trop zarb sur le post on peux en discuter en pv ;)


OTP
Modérateur
Modérateur
 
Messages: 12862
Inscription: Ven Déc 16, 2005 22:41

Message le Dim Juil 13, 2008 9:32

Ca ne marche pas sous FF !

j-mi
WRInaute accro
WRInaute accro
 
Messages: 2824
Inscription: Mar Mai 17, 2005 22:45

Message le Dim Juil 13, 2008 11:04

OTP a écrit:Ca ne marche pas sous FF !


tu est sur ? chez moi ça marche

fais pas attention a la colone d'extreme droite, la effectivement c mort en ff

mais le reste marche sur tout normalement


OTP
Modérateur
Modérateur
 
Messages: 12862
Inscription: Ven Déc 16, 2005 22:41

Message le Dim Juil 13, 2008 19:51

Ok, j'y retourne !


OTP
Modérateur
Modérateur
 
Messages: 12862
Inscription: Ven Déc 16, 2005 22:41

Message le Dim Juil 13, 2008 21:00

J'ai cherché un truc plus simple et trouvé ça :

Code: Tout sélectionner
<script type="text/javascript">
onload=function(){
document.body.removeChild(document.getElementById("mess"));
}
</script>


Avec :

Code: Tout sélectionner
   <h1 id="mess">
      Veuillez patienter...
   </h1>


Mais ça ne marche que ci le h1 est juste après le body.

Comment pourrai-je modifier le code pour pouvoir placer le h1 où je veux ?

guardatak
Nouveau WRInaute
 
Messages: 11
Inscription: Dim Juil 13, 2008 16:48

Message le Dim Juil 13, 2008 21:15

onload=function(){
document.all.mess.style.visibility = "hidden";
}

Essaie, on sait jamais :)
Dernière édition par guardatak le Dim Juil 13, 2008 21:19, édité 2 fois.


OTP
Modérateur
Modérateur
 
Messages: 12862
Inscription: Ven Déc 16, 2005 22:41

Message le Dim Juil 13, 2008 21:16

Tu veux cacher quoi ?

guardatak
Nouveau WRInaute
 
Messages: 11
Inscription: Dim Juil 13, 2008 16:48

Message le Dim Juil 13, 2008 21:21

La balise <h1>
(voir message au dessus complété)


OTP
Modérateur
Modérateur
 
Messages: 12862
Inscription: Ven Déc 16, 2005 22:41

Message le Dim Juil 13, 2008 21:25

Ok.
Pas de souci à mettre des hidden avec GG qui n'aime pas ça ?


OTP
Modérateur
Modérateur
 
Messages: 12862
Inscription: Ven Déc 16, 2005 22:41

Message le Dim Juil 13, 2008 21:34

Le message ne s'efface pas.

guardatak
Nouveau WRInaute
 
Messages: 11
Inscription: Dim Juil 13, 2008 16:48

Message le Dim Juil 13, 2008 21:41

Mais si ça marche !

<script ...>
function cache()
{
document.all.mess.style.visibility = "hidden";
}
</script>

<body onload="javascript:cache();">

<h1 id="mess">TEXTE A CACHER A LA FIN DU CHARGEMENT</h1>

Une autre piste plus complète est là, je te laisse analyser le code source : http://www.easy-script.com/exemple/dhtml_as_ex1/ex.html


OTP
Modérateur
Modérateur
 
Messages: 12862
Inscription: Ven Déc 16, 2005 22:41

Message le Dim Juil 13, 2008 21:54

Ah, ok, comme ça.
Je vais prendre ton script, il me va.
Merci !

Page longue à charger : afficher la progression

Formation recommandée sur ce thème :

Formation Référencement naturel Google : apprenez une méthode efficace pour optimiser à fond le référencement naturel dans Google de façon durable... Formation animée par Olivier Duffez et Fabien Facériès, experts en référencement naturel.

Tous les détails sur le site Ranking Metrics : programme, prix, dates et lieux, inscription en ligne.

Lectures recommandées sur ce thème :

  • Calculer l'indice de densité
    Cet outil vous permet de calculer l'indice de densité d'un mot-clé d'une page web. Il est calculé à la fois pour la balise TITLE, la balise META description et l'ensemble du texte de la page.
  • Test du code HTTP d'une page
    Cet outil vous permet de connaître le code HTTP renvoyé par le serveur pour une page donnée.
  • Calculer le ratio de liens profonds
    Cet outil vous permet de calculer le taux de liens profonds vers un site web. Un lien profond est un lien qui ne pointe pas vers la page d'accueil mais au contraire vers une page interne du site. Les sites dont l'essentiel du référencement vient de leurs inscriptions dans des annuaires ont un taux de liens profonds faible ; à l'inverse, les sites de référence ont souvent un taux de liens profonds plus important, signe que leur contenu a suscité de nombreux liens spontanés.


Qui est en ligne

Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 0 invités