Commentaires sur : La page de recherche Google ne contient qu’une seule image

Par : Anthony

Anthony — Tue, 14 Jul 2009 11:08:30 +0000

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…

Par : Effy

Effy — Mon, 13 Jul 2009 18:14:00 +0000

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…)

Par : Bertrand

Bertrand — Tue, 09 Jun 2009 18:41:36 +0000

tu as raison …. c’est trop bizard !!!

Par : Anthony

Anthony — Mon, 25 May 2009 12:28:32 +0000

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…

Par : Flepi

Flepi — Sun, 24 May 2009 22:36:39 +0000

Super impressionnant

C’est pas des débutants, ils optimisent à 200% !

Par : Romain

Romain — Sun, 24 May 2009 17:07:06 +0000

Bien vu . Plus optimisé tu meurs ^^

Par : Anonymous

Anonymous — Sun, 24 May 2009 13:03:33 +0000

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/glo.....bg0907.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.