[How To] Move CSS to file system

1) ftp into your site and chmod /clientscript/vbulletin_css/ folder to 777.
2) login to vbacp.
3) vboptions -> Style & Language Settings
4) find heading: Store CSS Stylesheets as Files?
5) choose yes

Your style tag will now be moved to a link rel="stylesheet" tag.

In what way does this help?

It removes quite a bit of bloat that SE's have to go through to get to your content.

i thought so just wanted to check and to also get rid of that nasty reminder that i havent posted in a long while

a quick check of admin cp shows i already have it set up this way.. pity and it seemed like an easy enough upgrade to do

Advantages:

• linked style sheets are cached by browsers.
  
  • downloads once, saves bandwidth, pages load faster after initial view
• removes all the code in the head area of the document.
  
  • replaces with 1 line
  • increases code2content ratio
  • moves your REAL content/text towards the top of the document.
• saves a database call
  
  • uses filesystem instead

Disadvantages:

• Can cause issues on multiple web server set ups (will only save to one web server)
• Will not be included in a db backup (be sure to back up the file system too)

Thanks for the help, I thought I had this working before but found out it wasn't for some reason. Did some troubleshooting and now it does!

Thanks for the tip Brian.

thx Brian, just a Q: but if i need to change something into my templates this article can have any effect onto my updated templates/styles?

The only issue with changing styles is the google cache. As they take a bit to update, but still tend to link direct to the CSS file. When saving, it will re-name the css file. Eventually it will catch up and the cache will be ok again.

To take this a step further: Styles @import vs link - vBulletin Community Forum

Anyone have any insite on the wysiwyg class and how it doesn't load from within the editor iframe when css file is hosted on a cdn?

old browsers don't recognize @import. Thus, stuff that older browsers don't support and will render weird should be @import 'ed.

Otherwise, there's no semantic differences between them in other than how they are physically linked (ie, @import can run in a linked sheet to import additional rules)

My guess is that @import is failing because its a relative path, and to the CDN, it's an invalid path that does not exist.

Try changing it to a FQD instead of local URI.

I've tried using @import and linked via a cdn. They both have the same result with the editor not loading correctly. The wysiwyg class is the only class that does not load.

btw, I did a comparison between @import and linked and the difference was substantial. Overall load time was decreased by a couple seconds average on thread pages.

thanks brian

CSS Compressor Robson » CSS Compressor --> is useful.

Hello, excellent information will try the tweak today.

Just 2 questions:

1. After following all the steps to I have to revert the 777?
2. And also, is this tweak reversible?

Regards!

You can convert the folder back to 755 if you wish, but any time you want to make a style/template change, you will need to go back to 777. It's not a big security issue as the FILE in the folder is chowed to vbulletin and will not be writable.

Yes, it can be reverted. just need to change the option in vb Options back in step 4.