Question

I have created my own website, not much complicated. But when I change the background to image from a simple color everything runs very slow on the site, all the animation and everything.

Working CSS Code:

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

}

CSS that makes website slow:

body{

    color:#eee;
    background-image:url("images/bodyImage3.jpg");
        background-size: 1400px;

}

Answer 1

It is also worth mentioning expires-headers, which will allow clients browsers to cache the background image so they don’t have to download it every time they visit your site. This won’t improve performance the first time, but on subsequent visits users should notice a significant improvement. This site has lists of improvements you can make to speed your site up, including some information on expires, which should get you started.

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