Préchargement d'image

Discussion dans 'Administration d'un site Web' créé par Céo Kay, 3 Février 2005.

  1. Céo Kay
    Céo Kay WRInaute discret
    Inscrit:
    18 Décembre 2004
    Messages:
    60
    J'aime reçus:
    0
    Bonjour,

    Peut-on forcer le navigateur client a mettre certaines images en cache ???

    Je m'explique :

    J'ai créé un script qui préchage les images dans une page ( sur laquelle est écrit : "merci de patienter" ) avant de charger la bonne page.

    Le problème c'est que ça marche pour certains site, et pas pour d'autres, pour certains ordinateurs et pas pour d'autres ...

    ici ça marche :

    h**p://www.adlitteram-sante.com

    ici ça ne marche pas

    h**p://www.uncmi-idf.fr

    En fait ce qui résoudrait mon problème c'est de pouvoir mettre en cache dans l'ordinateur de mon visiteur ( dans les fichiers internet temporaires ) les images, comme ça une fois préchargées elles sont toujours disponibles ...

    Mais je ne comprends pas le critère qui préside à la mise en cache ou non des images ( aucune image des sites sur lequels j'ai essayé de faire cette expérience n'est présente dans mon dossier internet temporaire ! )

    Merci d'avance de votre réponse :)
     
  2. StuWee
    StuWee WRInaute discret
    Inscrit:
    26 Juin 2003
    Messages:
    90
    J'aime reçus:
    0
    tu ne pourras pas précharger et forcer le cache à tous les coups

    cela dépend du système, du navigateur, des réglages de chaque utilisateurs
    certains désactivent le cache, certains réduisent la taille de celui ci ...
     
  3. David@site
    [email protected] WRInaute occasionnel
    Inscrit:
    14 Janvier 2004
    Messages:
    321
    J'aime reçus:
    0
    Mais si on peut forcer le préchargement des images, moi je le fais en javascript, pour mes boutons graphiques => Une image différente du bouton au repos, au survol de la souris, en action et une fois le lien visite.

    Voici le code:
    Code:
    /******prechargement du bouton********/
    var bouton = new Array();
    bouton [0] = new Image();
    bouton [0].src = 'http://www.example.com/images/bouton_f2.png';
    bouton [1] = new Image();
    bouton [1].src = 'http://www.example.com/images/bouton_f3.png';
    /************************************/
    
    Là par exemple bouton_f2.png c'est pour le survol du bouton, et bouton_f3.png c'est pdt l'action. Ca marche avec tous les navigateurs qui ont javascript d'activé.
    N'oublie de donner une URL absolue a tes urls d'images (dans la partie javascript) sinon le cache risque de s'embrouiller.
    tu appel ce petit bout de javascript a chaque chargement de page et c'est bon.

    David
     
  4. Céo Kay
    Céo Kay WRInaute discret
    Inscrit:
    18 Décembre 2004
    Messages:
    60
    J'aime reçus:
    0
    Merci pour la réponse :lol:

    mais ce n'est pas ça que je cherche ( ton script sert à précharger tes images dans ta page )

    moi je voudrais réaliser un script qui précharge les images pour toutes les pages du site :

    si tu regardes ici

    Tu verras que dans la page de préchargement tu vois défiler dans la barre d'état en bas le nom des images qui se chargent ...

    puis quand tu es redirigé automatiquement les images se rechargent de nouveau !

    C'est ça mon problème :cry:

    A+
     
  5. madx
    madx WRInaute occasionnel
    Inscrit:
    19 Juin 2003
    Messages:
    257
    J'aime reçus:
    0
    Bonjour,

    tu peux le faire via le CSS.
    Après ton body tu mets un truc du genre:
    <div class="preload1"></div><div class="preload2"></div><div class="preload3"></div>

    Et dans ta feuille de style tu mets:
    .preload1 {
    background: url(/images/societe.gif);
    display: none;
    }
    .preload2 {
    background: url(/images/nouveaute.gif);
    display: none;
    }

    Lorsque tu vas appeler tes images dans ta page, elles auront déja été chargées.

    Cordialement,
     
  6. siokoden
    siokoden WRInaute discret
    Inscrit:
    29 Juin 2004
    Messages:
    65
    J'aime reçus:
    0
    Ben ouai logique que ca recharge apres une redirection, la bonne solution, c'est de faire un div blanc par dessu le temps que ca charge, pi de l'enlever une fois charger, mais les images se chargerons toujours :(

    Tu peut pas faire stocker des images sur un pc qui bloque les tempory files internet... mais t'en fait pas, si la personne le bloque, c'est soit quelle a pas bcp de place sur son disque, soit un bon acces sur internet, donc c eu que ca regarde si le site est long a charger.
     
  7. David@site
    [email protected] WRInaute occasionnel
    Inscrit:
    14 Janvier 2004
    Messages:
    321
    J'aime reçus:
    0
    Mais qd les images sont en cache elles y restent! Quelque soit la page qui l'appel. Par exemple, tu fais un script qui force le chargement de toutes tes images, et tu fais un appel de ce script sur toutes les pages (parce que les internautes ne viennent pas forcement de ta page d'index). Ensuite qd l'internaute navigue, son navigateur retrouve le même script mais ne l'éxecute pas puisque les images sont déjà dans le cache.
     
  8. siokoden
    siokoden WRInaute discret
    Inscrit:
    29 Juin 2004
    Messages:
    65
    J'aime reçus:
    0
    Tu est sur que ca marche, meme si l'ordi refuse de stocker les images?

    Je me demande aussi, si le navigateur ne fait pas l'analyse des images avant d'utiliser celle du cache a chaque visite, et donc ralentir l'affichage !? (option -> Verifier a chaque visite s'il existe une version plus recente de la page) Sinon je suis daccord, Sans ces options tu gagne en vitesse, mais ta le risque de revoir une images qui n'y est plus ^^ :?
     
  9. Céo Kay
    Céo Kay WRInaute discret
    Inscrit:
    18 Décembre 2004
    Messages:
    60
    J'aime reçus:
    0
    Ca ne marche pas car les images ne sont pas stockées en cache ( c'est mon problème ... )

    mais je crois que je commence à trouver une solution ....

    Je vous tiens au courant :wink:

    A+
     
  10. David@site
    [email protected] WRInaute occasionnel
    Inscrit:
    14 Janvier 2004
    Messages:
    321
    J'aime reçus:
    0
    Si le navigateur refuse le cache evidement, mon script ne sert à rien, mais ca represente quoi? 0,005% de la population non?
    Le navigateur (en tous cas IE>5 et ceux bases sur Mozilla) ne verifie les images que si tu forces un "rafraichissement" de la page ou si tu fermes et ré-ouvres le navigateur. Donc le risque de voir une image qui n'y est plus est vraiment minime, et on gagne donc en vitesse pendant toute la durée de la "session".
    Si tu veux en être certain, programme-toi un exemple simple et regardes les logs de ton Serveur HTTP. tu vas voir qu'avec ma solution, ou la solution CSS proposé plus haut on gagne en vitesse et en bande-passante.

    David
     
  11. David@site
    [email protected] WRInaute occasionnel
    Inscrit:
    14 Janvier 2004
    Messages:
    321
    J'aime reçus:
    0
    Comment es-tu sur que les images ne soient pas gardés en cache? Dans l'exemple que j'ai t'ai donné c'est vrai il faut des url absolu sinon certains navigateurs ont tendance à s'emmêler mais sinon....
     
  12. Céo Kay
    Céo Kay WRInaute discret
    Inscrit:
    18 Décembre 2004
    Messages:
    60
    J'aime reçus:
    0
    Parceque je vide mon répertoire Fichier Internet Temporaire et que je vais sur mon site puis j'ouvre mon répertoire ... aucune trace des fichiers ...

    En plus à chaque nouvelle page, les images se chargent ...

    PS : je n'ai pas eu le temps de m'occuper de ça aujourd'hui, mais je vous montre dès que j'ai fini :lol:

    A+
     
Chargement...
Similar Threads - Préchargement image Forum Date
[script] Préchargement d'image et AJAX Développement d'un site Web ou d'une appli mobile 22 Août 2007
Préchargement d'images Développement d'un site Web ou d'une appli mobile 24 Septembre 2005
Préchargement d'un fichier JS Problèmes de référencement spécifiques à vos sites 3 Janvier 2006
Résolution d'image sur Lighthouse. Administration d'un site Web 10 Novembre 2022
Migrer les images de JPEG à WEBP : quel impact perf et SEO ? Référencement Google 28 Septembre 2022
Lien sur une image, même poids SEO que pour un lien sur une ancre de texte ? Rédaction web et référencement 24 Septembre 2022
Position Google image vs Google différente Référencement Google 21 Septembre 2022
Trafic de google image Google Analytics 19 Septembre 2022
Avis sur mon site - hébergeur de galeries d’images Demandes d'avis et de conseils sur vos sites 26 Août 2022
Recherche Google images : mes photos disparaîssent Référencement Google 25 Août 2022
modification taille images sur jimdo Développement d'un site Web ou d'une appli mobile 18 Août 2022
Désindexation images en changeant de format (passage à WebP) Crawl et indexation Google, sitemaps 12 Juillet 2022
Images - site multilangue Référencement international (langues, pays) 11 Juillet 2022
images ; balises ALT et duplicate content Débuter en référencement 9 Juillet 2022
grande image centrer verticalement dans DIV avec largeur variable de l'ecran Développement d'un site Web ou d'une appli mobile 28 Juin 2022
Liens en do follow ou no follow pour créditer les images ? Netlinking, backlinks, liens et redirections 14 Mai 2022
Images upscalées ou downscalées et le SEO Débuter en référencement 6 Mai 2022
Shopify : images hébergées sur CDN, en dehors du nom de domaine YouTube, Google Images et Google Maps 4 Mai 2022
URL rewriting d'images URL Rewriting et .htaccess 22 Janvier 2022
Quota d'images sur une page Débuter en référencement 10 Janvier 2022