The code and images needs some serious optimization

Hello guys,

I'm deploying the 12.10 online tour on our LoCo Team's server, and I see the code really needs some optimization for performance and SEO.

First of all, it uses a LOT of CSS and JavaScript files. Can't we merge all of them into one? Why make the browser make so many HTTP requests, when we could combine the CSS and the JS files and make one of each?

It might loads faster on great speeds, but at Brazil for example, where the average user only have a 1mbps connection that barely works, it makes a LOT of difference.

We also need to minify the JavaScript and the CSS files, so they get smaller and loads faster. And to finish this section of the bug, right now the files are loaded like this: ../css/somecss.css.

All good and stuffs but, we need the URL in there, not the relative patch. That allow us to load everything from a CDN if we want, something that can also increase the performance. On our LoCo Team's server for example, I had to fix it one by one and that was a real pain in the ass.

Since we don't know what is the user's URL, there could be a script that ask what is your site's URL and replace a variable with it. Sadly I'm not a coder, so I do not know how to make it, but it would sure helps a lot. Canonical also should use a CDN on the English tour, for better performance.

More information about the subject:
http://developer.yahoo.com/performance/rules.html

...

Another thing that need to be changed: the images AREN'T compressed. By compressing all the images using Kraken.io, I managed to get the image folder down from 7,4 MB to 6,7 MB. Might not looks like a lot, but in the web, every byte saved counts.

I attached the compressed images and CSS/JS files, hope you guys can use it. Sorry for my bad English and thanks in advance.