Insérer des images d'arrière-plan comme Bing en utilisant CSS

Question

Je veux mettre des images du 1024x768 comme arrière-plans et charger rapidement en utilisant css. Je pourrais utiliser

background(url....) 

dans le CSS, mais cela va résoudre le problème, de télécharger des images quickl?

Merci Jean

Answer 1

rappelez-vous que vous ne pouvez pas changer la vitesse de dsl utilisateur. Donc le fond de CSS serait bien. Peut-être commencer avec prendre une compression JPEG supérieure pour minimiser le fichier

(BTW. je déteste (plein écran) images de fond sur les sites Web avec ma lumière dsl)

Answer 2

Si vous devez utiliser cette technique, puis rappelez-vous de compresser et mettre en cache l'image, cela l'accélérera quelque peu, mais essayez d'être créatif avec des solutions alternatives. Par exemple, l'arrière-plan peut-il être répété sur l'axe des x? Par exemple:

Si c'est possible, vous pourrez créer une version 1px large que vous pourrez répéter sur la page.

Answer 3

Essayez de rechercher this. Il aide à couper quelques Ko de données. PNG Gauntlet est également un logiciel gratuit pour la compression PNG qui réduit également la correction Gama qui provoque des problèmes avec IE6 et IE7.
Les images d'arrière-plan du corps sont généralement enregistrées avec une qualité inférieure, ce qui réduit la taille. Si vos arrière-plans sont modifiables, préchargez-les. Cela se fait en plaçant des divs de hauteur nulle au début de la page, et en assignant un style d'image de fond à chacun. Les images sont chargées au début, donc quand l'arrière-plan du corps est changé, l'utilisateur ne remarque pas le décalage.
Google a commencé à compter le temps de chargement déjà, donc le préchargement classique cause des problèmes avec le SEO. Chargement avec JS, après le chargement complet de la page est une option, ou même l'attribution de styles avec JS après que certaines actions sont effectuées est également une solution.