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?
Agree with @TheDoc – something looks like it’s not functioning via caching. You could also try caching the images through the .htaccess if you are struggling to get W3 Total Caching (this isn’t the first time it just doesn’t seem to be working I’ve seen).
Although I haven’t tried it, I’ve heard Codekit does a better job of compressing images that gives you a bit more crunch than PS.
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.