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 :

préchargement images avant changement de page


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Homme Profil pro
    Inscrit en
    Septembre 2011
    Messages
    21
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Val de Marne (Île de France)

    Informations forums :
    Inscription : Septembre 2011
    Messages : 21
    Par défaut préchargement images avant changement de page
    Bonjour,

    J'ai eu beau cherché, je n'ai pas trouvé de topic qui corresponde à ma question.

    Je crée en ce moment un tchat AJAX/PHP. Ma question ne porte pas sur le système d'un tel tchat, mais plutôt sur le préchargement des images AVANT l'affichage de ce tchat.

    Je m'explique: pour y accéder, j'ai fais une page qui se charge de précharger les images avec une jolie barre de défilement, la classe et tout et tout. Ensuite seulement, quand la barre de chargement est remplie, on redirige le client vers le tchat proprement dit.
    Mais là, avec l'outil de développement de google chrome, je constate que la page télécharge toutes images une seconde fois quand elles sont sollicitées.

    Alors ma question est la suivante: comment faire en sorte de ne plus aller dans le dossier des images mais allez puiser directement ces images dans le cache?

    Sinon, ma jolie barre de défilement ne sert à rien, si ce n'est de gadget pour faire joli. Auquel cas, je préchargerais les images directement en arrivant sur le tchat, mais en attendant, ça ne ferait pas très sérieux, on attendrait que le préchargement soit fini, ce qui rallongerait d'autant plus l'affichage ne serait-ce que de l'image en background. NUL...

    Pour toute réponse, merci d'avance

  2. #2
    Membre Expert Avatar de Willpower
    Homme Profil pro
    sans emploi
    Inscrit en
    Décembre 2010
    Messages
    1 009
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Haute Marne (Champagne Ardenne)

    Informations professionnelles :
    Activité : sans emploi

    Informations forums :
    Inscription : Décembre 2010
    Messages : 1 009
    Par défaut
    une solution est de définir le cache en .htaccess du genre :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    <IfModule mod_expires.c>
    ExpiresActive On
    ExpiresByType image/png "access plus 60 days" 
    </IfModule>

  3. #3
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 207
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 207
    Par défaut
    Bonsoir,
    perso je ne supporte pas les barres de chargement et il m'arrive parfois de quitter le site rapidement, alors si en plus c'est juste pour faire joli !!!!

  4. #4
    Membre averti
    Homme Profil pro
    Inscrit en
    Septembre 2011
    Messages
    21
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Val de Marne (Île de France)

    Informations forums :
    Inscription : Septembre 2011
    Messages : 21
    Par défaut
    salut,

    ah oui willpower, je ne connaissais pas mais ça m'a l'air pas mal comme solution. J'ai déjà un .htaccess, au moins il servira pour encore autre chose. Tant que ça n'interfère pas avec le rewrite...

    Je suppose que je peux ajouter autant de ExpiresByType que de type MIME? J'ai du gif, du png et du jpeg.
    Et avec ça, mon tchat sera en mesure de retrouver les fichiers directement dans le cache, alors? Comment puis je le contrôler? Firebug, par exemple?


    Nosmoking, perso ce que je ne supporte pas, ce sont les réponses hors sujet qui ne font rien avancer. Sans vouloir t'offenser, bien sur

  5. #5
    Membre Expert Avatar de Willpower
    Homme Profil pro
    sans emploi
    Inscrit en
    Décembre 2010
    Messages
    1 009
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Haute Marne (Champagne Ardenne)

    Informations professionnelles :
    Activité : sans emploi

    Informations forums :
    Inscription : Décembre 2010
    Messages : 1 009
    Par défaut
    j'avoue ne pas m'y connaitre en .htaccess, j'avais juste mis ça pour réduire la bande passante de mon site en évitant de recharger les images à chaque fois.

  6. #6
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 207
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 207
    Par défaut
    Citation Envoyé par viddaa Voir le message
    Nosmoking, perso ce que je ne supporte pas, ce sont les réponses hors sujet qui ne font rien avancer. Sans vouloir t'offenser, bien sur


    Tout ceci était pour arriver à ce poser la question est ce que mon flux est bien "géré"?.

    Il me semble qu'en ce qui compte dans un tchat, ce sont les écrits qui sont les plus importants, plus vite on y arrive plus vite on est satisfait.

    Voir la page apparaître, et donc avoir déjà de l'information sur le contenu, pouvoir commencer à lire celui ci, quand les images n'apporte pas, ou peu, au contenu est et devrait resté le principal.

    La question que l'on peut donc ce poser est celle de la justification et de la bonne utilisation des images dans une page.

    Ô combien de fois a-t-on vu des images 1200x800 redimensionnée en 300x200, sans compter qu'il existe aussi la technique des sprites.

    Quant à la question que tu te poses peut être trouveras tu une réponse sur Module Apache mod_expires.

  7. #7
    Membre averti
    Homme Profil pro
    Inscrit en
    Septembre 2011
    Messages
    21
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Val de Marne (Île de France)

    Informations forums :
    Inscription : Septembre 2011
    Messages : 21
    Par défaut
    Il me semble qu'en ce qui compte dans un tchat, ce sont les écrits qui sont les plus importants, plus vite on y arrive plus vite on est satisfait.

    Voir la page apparaître, et donc avoir déjà de l'information sur le contenu, pouvoir commencer à lire celui ci, quand les images n'apporte pas, ou peu, au contenu est et devrait resté le principal.
    Alors dans ce cas, je n'ai plus qu'à faire un tchat en noir sur fond blanc, puisque, de toute façon, le design est très secondaire. Je ne partage pas ton avis.

    La barre de chargement n'est que fioriture, en effet. Je peux la supprimer mais cela n'a absolument aucun rapport.
    Cela dit, la nécessite de précharger les images permet un affichage direct du design et laisser toutes les performances du navigateur au service de la bonne communication client/serveur tout en proposant aux utilisateurs une interface plus conviviale.
    En effet, qui resterait sur un tchat qui fonctionne mais dont la présentation n'est pas travaillée. Comme dans dans n'importe quel site, d'ailleurs.

    De plus, un tchat utilise des avatars, des smileys, plusieurs feuilles de style à choisir selon ses préférences. Il ne faudrait tout de même pas qu'en plus de la charge AJAX, on leste encore la réception de données avec des images qui auraient pu être chargées au préalable.

    Quant à la question que tu te poses peut être trouveras tu une réponse sur Module Apache mod_expires.
    Nous voici donc dans le vif du sujet. Et là je te remercie beaucoup pour ce lien. Je n'ai pas eu le temps de m'en occuper aujourd'hui et de l'avoir sous la main me rendra une fière chandelle, gain de temps dans la mesure ou il faut encore éplucher tout ces sites qui proposent tant de smileys.

    Je ne regrette pas mon POST, merci à vous deux.

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Executer du code avant un changement de page
    Par Luke58 dans le forum Général JavaScript
    Réponses: 6
    Dernier message: 18/08/2009, 09h56
  2. Confirmation avant changement de page
    Par xyanure dans le forum ASP.NET
    Réponses: 7
    Dernier message: 14/08/2009, 11h20
  3. Réponses: 1
    Dernier message: 19/09/2007, 11h19
  4. Réponses: 6
    Dernier message: 22/06/2007, 15h51

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