WebPagetest Forums
Where to start - Printable Version

+- WebPagetest Forums (https://www.webpagetest.org/forums)
+-- Forum: Web Performance (/forumdisplay.php?fid=3)
+--- Forum: Discuss Test Results (/forumdisplay.php?fid=4)
+--- Thread: Where to start (/showthread.php?tid=646)

Pages: 1 2


Where to start - AlBunch - 04-06-2011 12:52 PM

http://www.webpagetest.org/result/110406_3W_B5V9/

I've really got no way to gauge how good or bad those results are relative to similar type sites (vBulletin, drupal, wordpress, joomla, etc..) It would be nice to be able to say "site type: vbulletin" to see what average load times are across that type for instance. Realizing of course that my site has more graphic elements than other vb sites which may be mostly css with a few small icons.

Right now I'm serving static content through lighttpd on a completely separate domain (which isn't recognized as a CDN, but does make a difference). I'm optimizing images as time permits (using PageSpeed to identify them).

So, any suggestions on other things I could do to improve load times?


RE: Where to start - AlBunch - 04-07-2011 12:13 AM

Re-ran the test this morning - against IE9 instead of IE7 - results look considerably better.

http://www.webpagetest.org/result/110406_GQ_B9R9/

Still looking for potential improvements though.


RE: Where to start - pmeenan - 04-07-2011 12:45 AM

IE 8 and 9 increased the number of parallel requests from 2 to 6 and fetch javascript asynchronously which helps considerably given the number of requests on your page. I'm not sure how easy it is do yo on your site but the top two things you can do to improve the performance (in order) are:

1 - Merge the css and js files loaded at the beginning into as few of each as possible (preferably 1).

2 - There are a lot of small icon or background graphics that should be combined into image sprites

I'm not sure if Marvin will jump in here to explain how he did it but he has a vbulletin site (I believe) that is just crazy fast: http://www.webpagetest.org/forums/showthread.php?tid=583


RE: Where to start - AlBunch - 04-07-2011 01:01 AM

I've been eyeballing merging the css and js files, but that's probably the last thing on my list that I'm willing to try to tackle because (for me) it'll mean some major hacking to vb. I'm holding out for the complete mobile version - once they release that and I'm satisfied w/ the performance, I'll start in on those.

I'll start tinkering with sprites though - that sounds to me like the biggest bang for my buck right now.


RE: Where to start - AlBunch - 04-11-2011 03:18 PM

After some head scratching and some strange sounds from my workstation, I was only able to get a few of the images into CSS sprites. Well, that's not entirely true - I was able to create images that I could USE with CSS sprites, but for the biggest win (all the background images), I was unable to figure out how to implement them without breaking the style on the forum.

So..any vBulletin admins out there have any experience doing this? I could use a pointer or two.

-Al


RE: Where to start - Marvin - 04-11-2011 08:59 PM

Al, I'm also running vBulletin (version 3.8.x in my case). But I'm using image sprites only for my home page, so I don't have any first-hand experience in implementing image sprites elsewhere within vBulletin. In the rest of my forum, believe it or not, I completely removed ALL images from the view of guests (and kept images to the bare minimum for members). The only single image guests see on my forum (excluding the home page images) is my site-wide logo of about 7KB. (I'm not counting my favicon.ico (318 bytes), and images added to posts by members.)

Look around your forum to see if you can also remove some unnecessary image files. You may be pleasantly surprised to find quite a few images you can happily live without!

P.S. To demonstrate how much unnecessary stuff the stock vBulletin currently has, which can be removed, here's a comparison: vBulletin.com has 68 http requests on its forum home (my forum home has 5 http requests). vBulletin.com has 61 http requests on forum view pages (my forum view pages only have 4 http requests each). vBulletin.com has 55 http requests on thread view pages (I only have 6 http requests - more on pages which contain a unit of Google Adsense)


RE: Where to start - AlBunch - 04-12-2011 04:21 AM

Marvin -

Thanks for the response. I'm probably compounding my problem by using a theme from CompleteVB - my home page (forum page currently) has over 100 requests - I think I could cut that by more than half if I could figure out how to sprite the background images. I've started looking at removing some of the images entirely (as you suggested).

I'll post back here once I know more.

-Al

(04-11-2011 08:59 PM)Marvin Wrote:  Al, I'm also running vBulletin (version 3.8.x in my case). But I'm using image sprites only for my home page, so I don't have any first-hand experience in implementing image sprites elsewhere within vBulletin. In the rest of my forum, believe it or not, I completely removed ALL images from the view of guests (and kept images to the bare minimum for members). The only single image guests see on my forum (excluding the home page images) is my site-wide logo of about 7KB. (I'm not counting my favicon.ico (318 bytes), and images added to posts by members.)

Look around your forum to see if you can also remove some unnecessary image files. You may be pleasantly surprised to find quite a few images you can happily live without!

P.S. To demonstrate how much unnecessary stuff the stock vBulletin currently has, which can be removed, here's a comparison: vBulletin.com has 68 http requests on its forum home (my forum home has 5 http requests). vBulletin.com has 61 http requests on forum view pages (my forum view pages only have 4 http requests each). vBulletin.com has 55 http requests on thread view pages (I only have 6 http requests - more on pages which contain a unit of Google Adsense)



RE: Where to start - Marvin - 04-12-2011 05:02 AM

Quote:my home page (forum page currently) has over 100 requests - I think I could cut that by more than half if I could figure out how to sprite

It's not complicated at all, Al. Use your favorite search engine, and search for terms: image sprites. You will find multiple step-by-step instructions.

Quote:I've started looking at removing some of the images entirely

Take your time. This is not something that needs to be done over night. Enjoy the process. Celebrate each removed .jpg, .gif, and .png! Smile


RE: Where to start - pmeenan - 04-12-2011 05:05 AM

If it helps as a starting point, spriteme is really helpful - http://spriteme.org/

It will generate the images and tell you exactly what modifications to make to your css. It's not as adept as hand-managing the sprites but it's a great tool for getting started (assuming the images are already background images).


RE: Where to start - AlBunch - 04-14-2011 03:52 AM

Thanks - I've been using this one http://spritegen.website-performance.org/ for testing because it has an option to optimize the images with optipng - one less step for me to do and it also lets me feed it a zip file of just the images I want to turn into sprites.

I'm sure the problem I'm running into is a combination of my lack of strong CSS skills and the way CompleteVB coded the theme I'm using. Subbing one of their background images with a sprited one and the css to support it causes the theme to break. It's a problem that repeats in a lot of places, so once I figure it out the win will be huge.

Oh and Marvin, I celebrate each removed image with a beer - which might explain a whole lot of other stuff! Smile