Can make background image slow down page

Question

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; } 

Answer 1

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

Answer 2

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

Answer 3

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