How to remove render-blocking javascript and optimize css in above the fold content?

[asabet]

Originally Posted by Dave

A) According to this, you need to add the async attribute to all script tag references. I'm not sure if that will work though.

B) You could merge a bunch of CSS templates together in vBulletin, but this may result in issues when a certain template doesn't load certain CSS templates.

Those are the kinds of things I was thinking about, but I was hoping someone had gone down that road and could tell me exactly what to do.

Originally Posted by Max Taxable

To the OP: I don't use or recommend Google PageSpeed. Try http://webpagetest.org instead.

I use both, and they both indicate that those JS and CSS are delaying page load.

Originally Posted by Dave

When I disable Cloudflare on my forum it loads slower than when it's enabled....

If OP wants another tip, optimize all of your images with https://kraken.io/web-interface (choose lossless unless you don't mind losing a bit of quality)

Cloudflare seemed to lower my Adsense revenue. I do need to optimize my images...

Originally Posted by Max Taxable

Meanwhile, again to the OP - At Ozzmodz we have a vBulletin optimization forum with actual case histories and actual results, how-to, and tips.

Here.

I've read there - lot's of good tips there that I have implemented. But I didn't see anything about inlining or combining vBulletin CSS or about defering/async for vBulletin scripts.

Originally Posted by Max Taxable

By the way, also to the OP - you have a flash object that is 14.5 percent of your pageload. If ever there was something that would interrupt, slow down or block render, it's a flash object. Especially a big one.

Just FYI.

Must have been an ad. There's no flash in my website. The Google ads are asynchronous and thus don't delay page loading. The Amazon ads are not async, but they pay very well.