7 thoughts on “La page de recherche Google ne contient qu’une seule image”

  1. J’ai pas regardé comment eux l’ont mis en place, mais sur beaucoup d’autres sites c’est dans le fichier css.
    Ca s’appelle “portes coulissantes”, ca sert surtout pour les menus (par exemple le site d’apple, tout le menu est la: http://images.apple.com/fr/global/nav/images/globalnavbg0907.png) mais tu peux t’en servir pour tout le reste, une fois l’image dans le cache du navigateur, c’est super rapide, pratique pour le changement d’etat des boutons par exemple.

    Like

  2. Cette technique est très utilisée sur les sites à fort trafic, et relativement simple à mettre en place.

    Dans le jargon des intégrateurs on parle souvent de “CSS spriting”.

    J’ai utilisé cette technique à de nombreuses reprises, notamment sur le portail Orange.

    Tout est basé sur la propriété CSS background-position, qui te permet de décaler ton image de background.

    Cela impose cependant certaines contraintes en terme d’intégration et de compatibilité navigateur…

    Like

  3. En réalité le gain pour l’utilisateur est pas tres important. Le truc c’est que pour un site comme google le temps d’acces (demande, réponse, début du téléchargement…) ne se fait que sur de toutes petites images, et donc en en ayant une seule de taille moyenne il n’y a qu’un téléchargement à faire. La réalitée c’est que sur un site “normal” ca serait une vrai perte de performance. Dans tous les cas, toutes les images sont mise en cache coté client…

    Les portes coulissantes ne servent que pour ne pas avoir d’effet de “clignottement” lorsque l’on veut simuler un bouton avec des images en css, rien a voir avec un gain de performance (sauf si on s’apelle google et qu’on a 3 images dans son site…)

    Like

  4. Les portes coulissantes sont couramment utilisée pour améliorer les performances d’affichage. En effet cela permet de diminuer le poids global des images sur une pages web (une image au lieu de plusieurs, donc on gagne sur la taille du fichier), mais aussi et surtout de diminuer le nombre de requêtes envoyées au serveurs (autant de temps de gagner durant l’affichage d’une page qui par exemple comporterai une vingtaine d’images, avec un css spriting, certes on aura une image plus grosse à charger, mais on y gagne en temps d’affichage sur les 19 autres requêtes supprimées….) Tout est une affaire de bon compromis…

    Like

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s