This is the result of my last project, where I’ve been working about one month and a half. It’s a mobile phone comparison website and the objective was to change the look and structure, and make it simpler and faster. It was kind of painful work on it, because everything was a mess, and developed from the beginning without taking care of performance, proper browser compatibility, consistent/reusable styles, etc.
The main front end work was:
- General structure/navigation/Search Engine Optimization improvements.
- CSS cleanup. It had loads of old/unnecessary styles. Of course applying the new design…
- CSS performance. Less image requests using the sprites technique.
- Better browser compatibility. No use of conditional extra files for Explorer, and real IE6 good looking.
- CSS centralization: forum and blog are different applications, and they where using different CSS files, duplicating the same styles. Now everything use the same CSS file.
Apart of the front end, the back end is quite complex, and I would never do it without the great job of my mates Marcin and Sid, who helped me adding functionality. They also did some database performance work and the migration to Amazon EC2. Also mention to San and Emilio, who did the much better neat and simpler design.
The overall result:
Rendering times for the deals page:
08/10/08 – Old design in Engineyard servers (San Francisco)
From London: 7.11s
From San Francisco: 2.1s
09/03/09 – Old design in EC2 (Europe) + filters performance work
From London: 1.5s
From San Francisco: 4.5s
09/04/09 – New design
From London: 0.7s (more than 10x faster!!)
From San Francisco: 2.1s (same as when the servers where in San Francisco!!)
I’m pretty happy with the result, I hope the much better user experience help the site to make more sales. Will see in some months…