Design Reviver Answers

Try some of the following:

• Make as few requests to the server as possible
• Optimise all images to make them small without loosing clarity
• Use CSS for graphic elements where possible
• Limited the amount of external server call from the pages (ex external Javascript plugins)
• Use caching on the server (memecached is good)

I think I can help you with that :)

If you want your pages to load much faster, then you can simply have your images preloaded onto your site. This will allow the user to surf through your pages at a faster rate then if they would've had to wait for every image to load.

Preloading Images Using CSS:

#preload-01 { background: Url(http://uploaded.com/image folder/image-01.jpg) no-repeat -9999px -9999px; }
#preload-02 { background: Url(http://uploaded.com/image folder/image-02.jpg) no-repeat -9999px -9999px; }
#preload-03 { background: Url(http://uploaded.com/image folder/image-03.jpg) no-repeat -9999px -9999px; }

Preloading Images Using JavaScript:

<div class="hidden">
    <script type="text/javascript">
        <!--//--><![CDATA[//><!--

            if (document.images) {
                img1 = new Image();
                img2 = new Image();
                img3 = new Image();

                img1.src = "http://uploaded.com/image folder/image-01.jpg";
                img2.src = "http://uploaded.com/image folder/image-02.jpg";
                img3.src = "http://uploaded.com/image folder/image-03.jpg";
            }

        //--><!]]>
    </script>
</div>

SOURCE

Not much to add to suggestions above but may be worth looking at Google's page speed addon for firebug which analyses page performance and offers suggestions for improvement: code.google.com Http://getfirebug.com/

Check this site
www.phpied.com

You can also use this tool for website optimization: spritegen.website-performance.org

Optimize the images.