Website looks distorted while it's loading?

[Tudor]

During the seconds that it takes for my website to load, there are a few elements on the page which get completely distorted. My social media plugin in the sidebar, as well as a box with rotating images with some text always get stretched and look really odd, and although they look normal after the page loads, it really want to get rid of it somehow. I was wondering if there are any scripts, or anything else that could help improve it?

I've been working on my page's cache, but no matter how good the cache is, there will always be loading time during which everything gets distorted.

Below there are two links. The first one goes to a screenshot of what the homepage is supposed to look like and the second one shows what it looks like while it's loading:

What it's supposed to look like: http://i1257.photobucket.com/albums/ii51...9ca38d.jpg

What it looks like when loading: http://i1257.photobucket.com/albums/ii51...bbbe40.jpg

You can see for yourself at the following URL: http://electrichoneycomb.com

By the way, there are thousands of pages on the site, so it would be best if I could resolve the problem on all of the pages, not just on the homepage (but I want to hear your advice even if it can only resolve the homepage problem ).

Thanks a lot in advance!

[Your Shadow]

Have you added up the total file size for all those graphics on the home page? I would think it's graphics overload since browsers are playing catchup in caching those images and parsing the page code. You are using frame pages and not using a Frameset document type.

CSS Errors: http://jigsaw.w3.org/css-validator/valid...omb.com%2F

Ignore the CSS 3 rules that were flagged.

443 HTML Errors: http://validator.w3.org/check?verbose=1&...omb.com%2F

Ron