Twitter iPhone pliant OnePlus 11 PS5 Disney+ Orange Livebox Windows 11

question à propos du préchargement d'images

4 réponses
Avatar
unbewusst.sein
j'ai constaté expérimentalement, que le préchargement d'images, sans
doute dans un cas assez particulier, ralentissait l'affichage du
brouteur.

ayant supprimé le préchargement je ne puis vous donner un exemple
online.

c'est une page qui affiche l'arborescence d'un site et qui utilise des
images pour :
- visualiser les dossiers ;
- visualiser les extensions de fichiers.

les symptômes :

- 1 - avec préchargement :
la page s'affiche rapidement MAIS sans les images (étape 1), puis les
images s'affichent (dans la fenêtre de haut en bas) progressivement
(étape 2).

- 2 - sans préchargement :
la page s'affiche d'emblée avec les images à la même vitesse qu'à
l'étapes 1 ci-dessus (sans chronométrage).


je dois dire que les images sont particuliérement légères (elles font
20X20 pixels^2 et sont en png).

qq'un d'autre a constaté ça ?

peut-être que mon script de preload est foireux, un exemple :

<http://thoraval.yvon.free.fr/PHP/AJAX_dir_tree/preload.js>

--
Une Bévue

4 réponses

Avatar
SAM
Une Bévue a écrit :

je dois dire que les images sont particuliérement légères (elles font
20X20 pixels^2 et sont en png).



et maintenant qu'elles sont dans ton cache (sans doute à x exemplaires
par pré-chargementssss) ça ne doit plus bp freiner.

qq'un d'autre a constaté ça ?



de demander de pré-charger des images revient à interroger le serveur
pour chaque image (savoir si elle n'a pas changé) sauf à avoir prévu les
bon en-têtes (revoir le topo du comment du comment) et comme en plus tu
en as une 50aine ...!

peut-être que mon script de preload est foireux, un exemple :



combien pèse chaque image ? (20x20 en png ne donne pas le poids résultant)
quelle est la taille normale d'un "paquet" ?
il en passe combien d'entières dans un paquet ?

<http://thoraval.yvon.free.fr/PHP/AJAX_dir_tree/preload.js&gt;



Encore un lien mort :-(

Pourquoi ça ne fonctionne pas par CSS ?
ainsi tu es + peinard pour gérer les pbs de cache : les images sont dans
la CSS externe mise en cache elle-aussi.
(penser aux triples ou quadruples images à faire glisser suivant ce que
voulu)

Cache-cache :
<http://www.mnot.net/cache_docs/index.fr.html&gt;

--
sm
Avatar
unbewusst.sein
SAM wrote:

Pourquoi ça ne fonctionne pas par CSS ?



ben les images - nombreuse - représentent l'extension d'un fichier.
en css, si je ne m'abuse, il faudrait une classe par extension.

=> faire le tri réduire le nombre d'extension possible

en fait, j'ai suprimé le préchargement.
--
Une Bévue
Avatar
SAM
Une Bévue a écrit :
SAM wrote:

Pourquoi ça ne fonctionne pas par CSS ?



ben les images - nombreuse - représentent l'extension d'un fichier.
en css, si je ne m'abuse, il faudrait une classe par extension.



il peut déjà il y en avoir une (doublée pour hover, ou triplée)
par défaut

=> faire le tri réduire le nombre d'extension possible



faudra m'esspliquer la différence de complexité relative au suffixe entre :

<li>
<img src="ddt.png" alt="icone">
<a href="truc_muche.ddt">truc_muche.ddt</a>
<li>

et :

<li class="ddt">
<a href="truc_muche.ddt">truc_muche.ddt</a>
<li>

ou même à la limite :

<a class="ddt" href="truc_muche.ddt">truc_muche.ddt</a>


en fait, j'ai supprimé le préchargement.



finalement il n'y avait *que* 32 imagettes :-)
(curieux que certaines fassent 3ko et d'autres 0,9ko ou moins)

--
sm
Avatar
unbewusst.sein
SAM wrote:


faudra m'esspliquer la différence de complexité relative au suffixe entre :

<li>
<img src="ddt.png" alt="icone">
<a href="truc_muche.ddt">truc_muche.ddt</a>
<li>

et :

<li class="ddt">
<a href="truc_muche.ddt">truc_muche.ddt</a>
<li>

ou même à la limite :

<a class="ddt" href="truc_muche.ddt">truc_muche.ddt</a>



dans ce cas, le css doit avoir autant de classes que d'imagettes non ?

dans mon cas les imagettes, sont "updatées" par un script php :
available_extensions_update.php
qui scrute le contenu de /com/img/ext, met à jour le script:
available_extensions.php et visualise le résultat par :
available_extensions_read.php
(sur free --update non vérifié-- c'est :
http://thoraval.yvon.free.fr/PHP/AJAX_dir_tree/available_extensions_read
.php
> en fait, j'ai supprimé le préchargement.

finalement il n'y avait *que* 32 imagettes :-)


euh, chez moi j'en ai 181, depuis "un bout de temps" ;-)
(curieux que certaines fassent 3ko et d'autres 0,9ko ou moins)



oui, je dois vérifier ça...
surtout, elles manquent d'harmonie entre-elles...
--
Une Bévue