So, My website http://musicglaze.com is very heavily dependant on photography/imagery. Imagery comes from third party image host imgur.com , to decrease load on bandwidth.
I did several things to improve speed/size of the page including:
1) All images are optimised as far as possible in photoshop and exported for web.
2) Website runs w3 total cache + Cloudflare cdn (I’m on wordpress)
4) put files together to reduce http requests (as far as I could)
Yet, webpage size is still 2.8mb and load time is 5s (data from pingdom.com)
I’m trying to find out what else can I do to decrease loading times. I was thinking, at the moment there are so many http requests for audio and image files, is it possible to make them all one request or something maybe?
I think part of the issue is that nothing is being rendered on the page until everything has loaded.
Check out [this article](http://baymard.com/blog/making-a-slow-site-appear-fast) on reducing the “perceived load time”. Basically, show the key portions (frame work) of the page first and don’t wait for images or something like Discuq to finish loading before showing the page.