BleepingComputer.com: Blogger Background Slows Down Site

Hello!

I have a question about how to optimize my blogger page. Here's the page:

www.halloween-blues.com

The problem I have is that the background image doesn't always scale to different monitor sizes. I've found instructions on how to fix this on other sites, but their method never seems to work. So the background doesn't fill the screen the same way on every monitor. Also, while I really like the background image, I'm worried it may be slowing down my site. It often times feels sluggish and seems to take longer to load than it should. Not sure what to do about that.

Images don't scale to fit screen sizes, but you can repeat them either horizontally or vertically or both so that larger screen sizes still get your design. The image that you are using however has a large faded white section in the center which would make repeating horizontally look silly.

In this case I would suggest just changing your background color to #808080.

Go to your Dashboard, click "Template Designer" then "Advanced" the rest is quite obvious.

Hope this helps.

quinch, on 03 February 2012 - 09:03 PM, said:

That's untrue, with CSS3 it is now possible.

Here's what you need to do, edit this:

body {
font: normal normal 13px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
color: #191919;
background: #fcfbf5 url(http://2.bp.blogspot.com/-NexgBUGJAtA/TpyMirYZkGI/AAAAAAAABOE/ANmTBHVIduU/s1600/blog%2Bbackground1.gif) no-repeat fixed top center;
background-size: 100%;
}

Notice I added the

background-size: 100%;

Your background is fine, it is small enough and loads perfectly fine.

http://smyl.es/ss/005.png

You can see in that screenshot it loads without any problems or lag.