Regroupement d'icone comme FB, Google, etc.
Simsim2006
-
Simsim2006 -
Simsim2006 -
Bonjour à tous,
j'ai une question et j'aurais besoin de vos lumières pour m'éclairer :D
J'ai fait une constatation que voici :
Facebook regroupe ses "icones" sur une seule image ( voir ici http://static.ak.fbcdn.net/rsrc.php/z3OU2/hash/caa8po7k.png )
Je me suis posé la question de savoir si d'autres sites le faisaient aussi ... Et effectivement :
Yahoo : http://d.yimg.com/a/i/ww/met/pa_icons/fr_pa_sprite_063009.png
Google: http://www.google.be/images/nav_logo7.png
Msn: http://col.stc.s-msn.com/br/hp/11/en-us/css/i/buttons.gif
Ma question est toute simple : "A quoi ca sert ?"
J'ai imaginé quelques hypothèses mais je sais pas si c'est juste (gain de bande passant, gestion des images plus facile, rapidité d'affichage) ???
j'ai une question et j'aurais besoin de vos lumières pour m'éclairer :D
J'ai fait une constatation que voici :
Facebook regroupe ses "icones" sur une seule image ( voir ici http://static.ak.fbcdn.net/rsrc.php/z3OU2/hash/caa8po7k.png )
Je me suis posé la question de savoir si d'autres sites le faisaient aussi ... Et effectivement :
Yahoo : http://d.yimg.com/a/i/ww/met/pa_icons/fr_pa_sprite_063009.png
Google: http://www.google.be/images/nav_logo7.png
Msn: http://col.stc.s-msn.com/br/hp/11/en-us/css/i/buttons.gif
Ma question est toute simple : "A quoi ca sert ?"
J'ai imaginé quelques hypothèses mais je sais pas si c'est juste (gain de bande passant, gestion des images plus facile, rapidité d'affichage) ???
A voir également:
- Regroupement d'icone comme FB, Google, etc.
- Google maps satellite - Guide
- Google photo - Télécharger - Albums photo
- Dns google - Guide
- Créer un compte google - Guide
- Google drive - Accueil - Arnaque
3 réponses
C'est pour faire un "préchargement".
Ça évite ainsi que lorsqu'un internaute mets son pointeur sur une image, qu'il y aie un "trou" pendant que l'image se charge.
Perso, j'utilise cette technique pour les effets de rollovers mais je ne combine pas toutes mes images en une.
Ça évite ainsi que lorsqu'un internaute mets son pointeur sur une image, qu'il y aie un "trou" pendant que l'image se charge.
Perso, j'utilise cette technique pour les effets de rollovers mais je ne combine pas toutes mes images en une.
Ok ca je comprends, les différentes images du rollover se télécharge en une fois.
Mais alors, quel est l'intérêt pour Facebook d'avoir mis des smileys sur cette image étant donné qu'il n'y a pas de rollover dessous ?
Il y a donc une autre raison non ?
Mais alors, quel est l'intérêt pour Facebook d'avoir mis des smileys sur cette image étant donné qu'il n'y a pas de rollover dessous ?
Il y a donc une autre raison non ?
Je pense avoir trouvé la réponse à ma question grâce à toi avion-f16.
En cherchant "preload rollover", je suis tombé sur cette page (malheureusement en anglais) http://www.bjornenki.com/blog/preload-roller-images-without-css-javascript
Effectivement on gagne de la bande passante car le poids de l'image "principal" est inférieur au poids cumulé de toutes les images.
Et il y a aussi un gain dans le nombre de requêtes HTTP car on fait une seule requête pour l'ensemble des images.
En cherchant "preload rollover", je suis tombé sur cette page (malheureusement en anglais) http://www.bjornenki.com/blog/preload-roller-images-without-css-javascript
Effectivement on gagne de la bande passante car le poids de l'image "principal" est inférieur au poids cumulé de toutes les images.
Et il y a aussi un gain dans le nombre de requêtes HTTP car on fait une seule requête pour l'ensemble des images.
