:. Forum Pageload Tips, Part Deux, More Stuff for an Administrator

I ran another audit with the Pingdom Tools (test it here), and on average the mainpage needs 0.5 à 0.7 seconds to load, weighing about 121.8 KB. That's not bad, but it can always be improved.

>> Screenshot of test results (111.95 KB) <<

What can be done?
As the test shows, there are certain images not being loaded from the website rocky.ifsz.net/rocky/Gradients. Those image requests aren't generating any results, but the browsers is still wasting time on them every single time a page is loaded. Since the images are being linked to from inside the CSS, the best thing to do would be removing those unused gradients from the stylesheet.

Furthermore, I've taken the liberty to run the CSS through a free online 'compacter' which is available at CleanCSS dot com. Here is what I got as a result after 'compacting' the stylesheet: "Input: 7.076KB, Output: 5.915KB, Compression Ratio: 16.4% (-1161 Bytes)". By simple changing the way some properties are written, the size was reduced by over 15%. And as a bonus, all properties were sorted alphabetically, to make life easier for any admin who would want to make changes in the future.

Besides tweaking the CSS, I would also highly recommend converting the forum logo from JPG to GIF. The current JPG is 34.06 KB, while converting it to GIF would create an image of only 50% the original size. An easy task in Photoshop, so I have already done that job for you: forum.gif, now at 16.62 KB.

Last but not least, hosting the resized forum logo at the forum itself would be the best solution to make the image more responsive; and it would also save some bandwidth. *winks at Admin*

How do I do that?
Hosting the header here on this forum is easy: save the GIF to your computer and upload it again. An administrator need only go the what I assume is some hidden mod forum and attach the GIF to a new post, preferably titled "IMG: Logo", so you can still later. Next, the URL of that attached image would be copied and used to replace the current logo. Go to Admin CP >> Skinning & Styles >> Images. The first box says "Logo", this is where you need to be. Paste the URL of the GIF as a replacement for the current JPG. Mark the selector, scroll down and click "Submit" to finish.

To improve the CSS, simply go to the Admin CP >> Skinning & Styles >> Manage Style Sheets. Cut and paste everything you see on that box into WordPad or some other small application. (Always have a backup!) Next, copy/paste the following code into the now empty textbox. Scroll down and hit "Edit CSS" to finish.

Once you've done all of this, you can go ahead and test if the forum loads a millisecond faster. You can also run another test at Pingdom and compare the results to my screenshot of above.

I hope this was helpful.

Regards,
Orioni

Edit for early morning spelling.

This post has been edited by orioni on Aug 26 2007, 08:12 PM

Did anyone ever tell you that you're awesome? I'll look into making the recommended changes.

Thanks, nice quote to put in my sig. ^_^

Your so awesome.

Friendly reminder.

Awsome Job!!!! Amazing!

You're A True Cyber Nations Patriot

put that^^^^ in your sig :ehm:

Thank you.

I am implementing some of your changes now.

Although, on my computer it only takes the pages here .04 seconds to load. ;)

EDIT: With your changes it is not just under .03 seconds for my pages to load here. If everyone gets a 25% boost then it is well worth it. Thanks.

This post has been edited by Moderation on Aug 27 2007, 09:46 PM

@ Moderation:
The image in the header is still hosted by ImageShack now. ImageShack is slow, you should save the image to your computer, and upload it to the forum by attaching the file to a post, usually in the hidden admin section.

On the boards I manage, all images are attached to the forum itself. This ensure faster loading, paid for by IF ;) and makes sure you never lose any of the images.

This post has been edited by orioni on Aug 28 2007, 05:21 PM

Bringing up my post, because.

I recompressed the GIF as a PNG, and got a whopping 50-byte improvement.

Still, PNGs as a patent-free file format are better. So if admin wants mine, I'll upload it somewhere.

your a friggin genius...thats all Greek to me lol

Brilliant! I bet the difference will be noticeable to everyone. =D

Bringing up my post, because.

yeh

Edit for early morning spelling.

i don't get it?