Can make background image slow down page

I created my own website, not so difficult. But when I change the background to an image with a simple color, everything works very slowly on the site, all the animation and everything.

Working CSS:

body{ color:#eee; background-color: grey; } 

CSS that makes a site slow:

 body{ color:#eee; background-image:url("images/bodyImage3.jpg"); background-size: 1400px; } 
+4
source share
3 answers

Itโ€™s also worth mentioning the expired headers, which will allow browser browsers to cache the background image, so they donโ€™t need to download it every time they visit your site. This will not improve performance for the first time, but on subsequent visits, users should notice a significant improvement. This site has lists of improvements you can make to speed up your site, including some expiration information that you should start.

http://developer.yahoo.com/performance/rules.html

+3
source

Yes it will. Try background-position: fixed , may help.

+8
source

Yes, a 1400px image can slow down a site.

+6
source

All Articles