gzip your CSS

Step 1
Create a new file, call it 'gzip-css.php' copy the following snippet and upload to the 'vbulletin_css' folder:

PHP Code:

<?php
ob_start('ob_gzhandler');
header('Content-type: text/css; charset: UTF-8');
header('Cache-Control: must-revalidate');
header('Expires: Thu, 3 Jan 2007 23:53:18 GMT');
?>

Step 2
create a .htaccess file, put this in the same directory as above, put in the following snippet:

PHP Code:

php_value auto_prepend_file gzip-css.php 


Step 3
Open the adminfunctions_template.php file located in the 'includes' directory. Look for the following:

PHP Code:

$cssfilename = 'clientscript/vbulletin_css/style-' . substr(md5(microtime()), 8, 8) . '-' . str_pad($styleid, 5, '0', STR_PAD_LEFT) . '.php'; 


change it to

PHP Code:

$cssfilename = 'clientscript/vbulletin_css/style-' . substr(md5(microtime()), 8, 8) . '-' . str_pad($styleid, 5, '0', STR_PAD_LEFT) . '.css'; 


Now login to you vb control panel, re-generate the css file and your done. Enjoy

[daklay]

FIRST POST

Awesomse idea man :banana:

[Andreas]

IMHO it would be easeir to just use mod_gzip ?

[yinyang]

what's this for?

[aladinliverpool]

its for gzip'ing your CSS!

like gzip'ing up your coat when its chilly.

[Zia]

umm gzip css ?
confused... it should help to load the page faster ?

mod_gzip ..its possible to use it in shared server?

[Zachery]

Hmm, I wouldn;'st suggest that, at least if I understand some things. I believe that IE has some issues cacheing gziped pages, and the CSS file should only be requested a few times before cached, thus why we have it as a file.

[Snake]

Thanks!

[Zia]

Originally Posted by Zachery

and the CSS file should only be requested a few times before cached, thus why we have it as a file.

that means this edit will make the css "save as files" ???!!

this option allready in vb's acp.

[goyo]

Originally Posted by Zia

that means this edit will make the css "save as files" ???!!

this option allready in vb's acp.

No... this means your server zipping up your .ccs file before sending to your browser. Thus less bandwidth usage... although I don't see the real point of this hack as .css files downloaded only once or twice than stored for weeks/months (if no changes in .css sizes) by all modern browsers.