Current time: 12-16-2019, 10:07 AM Hello There, Guest! (LoginRegister)

Post Reply 
 
Thread Rating:
  • 0 Vote(s) - 0 Average
  • 1
  • 2
  • 3
  • 4
  • 5
Where to start
04-06-2011, 12:52 PM
Post: #1
Where to start
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?
Find all posts by this user
Quote this message in a reply
04-07-2011, 12:13 AM
Post: #2
RE: Where to start
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.
Find all posts by this user
Quote this message in a reply
04-07-2011, 12:45 AM (This post was last modified: 04-07-2011 12:45 AM by pmeenan.)
Post: #3
RE: Where to start
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/showth...hp?tid=583
Visit this user's website Find all posts by this user
Quote this message in a reply
04-07-2011, 01:01 AM
Post: #4
RE: Where to start
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.
Find all posts by this user
Quote this message in a reply
04-11-2011, 03:18 PM
Post: #5
RE: Where to start
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
Find all posts by this user
Quote this message in a reply
04-11-2011, 08:59 PM (This post was last modified: 04-11-2011 09:34 PM by Marvin.)
Post: #6
RE: Where to start
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)

Marvin
Find all posts by this user
Quote this message in a reply
04-12-2011, 04:21 AM
Post: #7
RE: Where to start
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)
Find all posts by this user
Quote this message in a reply
04-12-2011, 05:02 AM (This post was last modified: 04-12-2011 05:04 AM by Marvin.)
Post: #8
RE: Where to start
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

Marvin
Find all posts by this user
Quote this message in a reply
04-12-2011, 05:05 AM
Post: #9
RE: Where to start
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).
Visit this user's website Find all posts by this user
Quote this message in a reply
04-14-2011, 03:52 AM
Post: #10
RE: Where to start
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
Find all posts by this user
Quote this message in a reply
Post Reply 


Forum Jump:


User(s) browsing this thread: 1 Guest(s)