Préchargement des images !
Fermé
ViNc
-
6 avril 2006 à 20:26
Gihef Messages postés 5150 Date d'inscription mercredi 20 juillet 2005 Statut Contributeur Dernière intervention 20 février 2023 - 7 avril 2006 à 16:22
Gihef Messages postés 5150 Date d'inscription mercredi 20 juillet 2005 Statut Contributeur Dernière intervention 20 février 2023 - 7 avril 2006 à 16:22
A voir également:
- Préchargement des images !
- Des images - Guide
- Images enregistrées - Forum Bureautique
- Ia qui crée des images - Accueil - Intelligence artificielle
- Extraire images pdf - Guide
- Visualisez cette image avec un logiciel d'édition d'images. - Forum Photoshop
1 réponse
Gihef
Messages postés
5150
Date d'inscription
mercredi 20 juillet 2005
Statut
Contributeur
Dernière intervention
20 février 2023
2 778
7 avril 2006 à 16:22
7 avril 2006 à 16:22
Bonjour,
Tu pourrais faire gagner du temps au navigateur en lui en donnant moins à télécharger.
Par exemple, t5w.gif, 141x682, pèse 24 ko (21 711).
Or, tu l'affiches en 64x310 (soit environ 45 %).
Réduis-la à cette taille avant de la mettre sur ta page et le navigateur n'aura plus que 4 ko (3 089) à charger.
Ça risque déjà d'aller 6 fois plus vite.
Et la différence de qualité visuelle est quasiment invisible.
Regarde ici : https://www.cjoint.com/?ehqwisNw88
une copie d'écran zoomée à 200 %.
À gauche dans ta page, à droite après redimensionnement.
Tu peux aussi utiliser une “ruse” qui fonctionnera dans les navigateurs supportant les CSS.
Tu pourrais charger les images de manière invisible en les plaçant en dehors de ta page. Avec un style du genre :
Il ne te reste plus qu'à placer ces images dans une div de cette classe :
Les images se chargerons en dehors de la page (5 000 px au-dessus) et seront disponibles lors du survol de la souris.
À quoi sert le 1er javascript de ta page ?
+ Le caractère ' présent sous le 4 de ton clavier pourrait remplacer avantageusement certains espaces.
Tu pourrais faire gagner du temps au navigateur en lui en donnant moins à télécharger.
Par exemple, t5w.gif, 141x682, pèse 24 ko (21 711).
Or, tu l'affiches en 64x310 (soit environ 45 %).
Réduis-la à cette taille avant de la mettre sur ta page et le navigateur n'aura plus que 4 ko (3 089) à charger.
Ça risque déjà d'aller 6 fois plus vite.
Et la différence de qualité visuelle est quasiment invisible.
Regarde ici : https://www.cjoint.com/?ehqwisNw88
une copie d'écran zoomée à 200 %.
À gauche dans ta page, à droite après redimensionnement.
Tu peux aussi utiliser une “ruse” qui fonctionnera dans les navigateurs supportant les CSS.
Tu pourrais charger les images de manière invisible en les plaçant en dehors de ta page. Avec un style du genre :
.cacherlesimages {
position : absolute;
left : 0;
top : -5000px;
}
Il ne te reste plus qu'à placer ces images dans une div de cette classe :
<div class="cacherlesimages"> <img src="t4w.gif" alt="" /> etc. </div>
Les images se chargerons en dehors de la page (5 000 px au-dessus) et seront disponibles lors du survol de la souris.
À quoi sert le 1er javascript de ta page ?
+ Le caractère ' présent sous le 4 de ton clavier pourrait remplacer avantageusement certains espaces.