title: My fixed background made scrolling the site very slow, what can I do to improve it?
body: <p>I changed the background of my discussion forum using the CSS below</p>
  
  <p><a href="http://forum.antinovaordemmundial.com">http://forum.antinovaordemmundial.com</a></p>
  
  <pre><code>html {
      background: url(http://antinovaordemmundial.com/mystuff/logo_blog.jpg) no-repeat center center fixed;
      background-image: url(http://antinovaordemmundial.com/mystuff/logo_blog.jpg);
      background-repeat-x: no-repeat;
      background-repeat-y: no-repeat;
      background-attachment: fixed;
      background-position-x: 50%;
      background-position-y: 50%;
      background-origin: initial;
      background-clip: initial;
      background-color: initial;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
  }
  </code></pre>
  
  <p>The image is 1600x711 and 88k. The scrolling of the pages are now very slow. Is the CSS problematic or the image should be smaller somehow?</p>
  
  <p>Edit: I tried changing to:</p>
  
  <pre><code>body {        
      color: #000;
      font-family: Verdana, Arial, Sans-Serif;
      font-size: 13px;
      text-align: center; /* IE 5 fix */
      line-height: 1.4;
      background-attachment: fixed;
      background-clip: initial;
      background-color: #51010E;
      background-image: url(http://antinovaordemmundial.com/mystuff/logo_blog.jpg);
      background-origin: initial;
      background-position: initial initial;
      background-repeat: initial initial;
      margin-bottom: 0;
      margin-left: auto;
      margin-right: auto;
      margin-top: 0;
      padding-bottom: 0;
      padding-left: 0;
      padding-right: 0;
      padding-top: 0;
  }
  </code></pre>
  
  <p>But it is still very slow on scrolling.</p>