|
Visually, the site looks nice. It's a clean design. However, I actually prefer the forum template to the rest of the site, but that could just be my personal taste. You should have the forum and the site match.
Functionally, I think you have some big problems, but fortunately they're not hard to fix. Your site simply loads far too slowly and that's not good, especially if you build websites for other people. Your load times are being directly affected by two issues: file size and the number of requests. Your average page size is about 1350k and it really should be less than or around 100k. You also have 66 HTTP requests when you really only need around 10-15.
File size can be dealt with by doing a few different things. First of all, GZIP your JavaScript, CSS, and HTML files. You'll see the most performance gain there, sometimes in the area of 60-70%. Your JavaScript and CSS files can also be compressed or minified, which will also add some size savings. Your images are where you're really taking a hit, though, because they account for over 1000k. As you're using mostly PNGs, make sure you flatten them and save them as either a PNG24 or PNG8. PNG24 is lossless, meaning you won't lose any quality but you'll be able to compress the file by a lot. PNG8 is even smaller, but it doesn't support gradient levels of transparency and it has a smaller subset of colors. When you flatten the images, just make sure you also save unflattened versions so you can edit them when you need to do so.
As for the number of HTTP requests, the answer is to simply combine files. 4 JavaScript files isn't outrageous, but 12 stylesheets is too many and 48 total images is far too many. Use the CSS sprites technique to combine your images. Realistically, you could probably cut all 39 CSS images down to 2-3 images. 1 stylesheet would be enough as well. If you really want to keep the CSS separate, write a PHP script that combines the files into one and then just serve that one.
If you use the suggestions I gave you, you could probably cut your page size down to around 80-90k. There is a Firefox plugin called YSlow that can help you measure your progress. Good luck.
|
