IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

Indicateur de chargement de page


Sujet :

JavaScript

  1. #1
    Membre à l'essai
    Inscrit en
    Juin 2007
    Messages
    16
    Détails du profil
    Informations forums :
    Inscription : Juin 2007
    Messages : 16
    Points : 14
    Points
    14
    Par défaut Indicateur de chargement de page
    Bonjour à tous,

    Je développe actuellement un site web sous format d'onglets (fait avec div).
    Lors du lancement de la page je fais un chargement des données depuis la base Mysql vers mes formulaires sous le onglets, les effets graphiques et surtout la quantité de données chargée rend l'affichage très mal.

    Y'a t'il une manière de faire pour rendre tout ça invisible à l'utilisateur final?
    comment savoir que toute la quantité de données est bien chargée?

    Je travaille avec PHP - Mysql et AJAX.

    une idée SVP ou un lien serait très appréciée.

    Best regards.

  2. #2
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 637
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 74
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 637
    Points : 66 661
    Points
    66 661
    Billets dans le blog
    1
    Par défaut
    Deux choses à prendre en considération : le temps de traitement serveur et le temps de tranfert des données.
    Pour le temps serveur les solutions se trouvent dans la rationalisation des traitement de données, pas exemple la mise en cache des requetes.
    L'envoi de header de mise en cache pour certains types de fichiers (.css .js ...), evitant de recharger inutilement un script déja chez le client (voir niveai htaccess par exemple)
    Ou en amont au niveau des accès serveur (dédié ou mutualisé)

    pour ce qui est du gain de temps coté client:
    regarde du coté de document.ready, jquery le gère bien.
    On peut par exemple au depart mettre un visuel pour faire patienter, et le remplacer une fois les données chargées.

    Il existe un addon sur firefox nommé Yslow qui analyse ces telps de chargement
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  3. #3
    Membre à l'essai
    Inscrit en
    Juin 2007
    Messages
    16
    Détails du profil
    Informations forums :
    Inscription : Juin 2007
    Messages : 16
    Points : 14
    Points
    14
    Par défaut
    merci beaucoup pour tes idées , je vais jeté un coup d'oeil

Discussions similaires

  1. Indicateur de chargement de page
    Par hassen07 dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 31/05/2010, 21h17
  2. Indicateur de chargement de page en temps réel.
    Par snowball_party dans le forum Flash
    Réponses: 6
    Dernier message: 24/11/2006, 11h50
  3. [Librairies] Probleme player mp3+ chargement de page !
    Par Micronos59 dans le forum Bibliothèques et frameworks
    Réponses: 2
    Dernier message: 08/01/2006, 09h36
  4. PHP 5 et chargement de page
    Par messier79 dans le forum Langage
    Réponses: 6
    Dernier message: 15/11/2005, 15h23
  5. Chargement de page trop long
    Par t_o_7_ dans le forum ASP
    Réponses: 2
    Dernier message: 19/09/2003, 18h58

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo