Board Optimization - CSS Compression - Improve Loading Time and Decrease Bandwidth!

Please Click Installed and Rate

This mod works by removing unnessasary parts of the CSS file. This includes tabs, comments and any other whitespace. Your main CSS should be reduced to 1 line

It will work whether you have your CSS file just in the header or externally on a .css file.

To install just upload the XML file then you will have to rebuild your CSS. You do this by opening the style manager then on the drop down menu for your style click 'Main CSS'. Then scroll right down to the bottom and click save.

Compression Stats
vBulletin Default Style: 17.648%
Blue Star Style: 21.208%

Works with vBSEO

V1.0.0
Released
V1.1.0
Compresses all CSS + Improved compression to 15.511%
V.1.2.0
All whitespace removed - Compression at 21.208%
V.1.2.1
Bug fix
V.1.3.0
Bug fixes and slightly improved compression. Pretty much at the peak

[Zachery]

Originally Posted by 1Unreal

That was a problem with my code which has been fixed in the latest release.

Either way, gzip/mod_deflate is already doing this.

[mikey1991]

Good idea

[nomoreturn]

Installed But have question how to rebilud CSS my CSS after Installing look like this i did save after installing and its look same like before installing

First box

/* ***** styling for 'big' usernames on postbit etc. ***** */
.bigusername { font-size: 14pt; }

/* ***** small padding on 'thead' elements ***** */
td.thead, th.thead, div.thead { padding: 4px; }

/* ***** basic styles for multi-page nav elements */
.pagenav a { text-decoration: none; }
.pagenav td { padding: 2px 4px 2px 4px; }

/* ***** de-emphasized text */
.shade, a.shade:link, a.shade:visited { color: #777777; text-decoration: none; }
a.shade:active, a.shade:hover { color: #FF4400; text-decoration: underline; }
.tcat .shade, .thead .shade, .tfoot .shade { color: #DDDDDD; }

/* ***** define margin and font-size for elements inside panels ***** */
.fieldset { margin-bottom: 6px; }
.fieldset, .fieldset td, .fieldset p, .fieldset li { font-size: 11px; }
<!-- forum image -->
/* Forum Images next to the Description for every Forum */
.ForumImages {
float: left; 
margin-right: 8px; 
margin-top: 2px; 
}
<!--navbar background start -->
.altbg {
    background: #FFFFFF url(http://www.m****.com/header.jpg) no-repeat top left; 
    height: px;
    width: 100%;
    vertical-align: text-bottom;
}
<!--navbar background end -->

and 2nd box

.colorchooser {
float:right;
margin-right:10px;
margin-top:10px;
}
.colorchooser span {
  font-family:arial; 
  color:#green; 
  font-size:12px; 
  text-decoration:none; 
  float:left; 
  display:block;
}
.colorchooser a {
  width:12px; 
  height:12px; 
  display:block;
  float:left;
  margin-left:5px
}

is that ok or i'm doing wrong if so then please let me know how to fix i'm using 3.8.2

[1Unreal]

Open up the style manager and click from the drop down menu Main CSS. Then scroll to the bottom and click save.

Should then be rebuilt

[nomoreturn]

Thanks for reply i did this but still same thing nothing changed in CSS box

[1Unreal]

Originally Posted by nomoreturn@hotm

Thanks for reply i did this but still same thing nothing changed in CSS box

I just looked on your site and its working fine

Look on line 25

[nomoreturn]

Thanks

[MadK]

What if my site points to a .CSS file and it's not included directly in the source code? Will this still work?

[1Unreal]

Originally Posted by MadK

What if my site points to a .CSS file and it's not included directly in the source code? Will this still work?

This will compress the CSS generated by vBulletin.

[saadessa]

installed ......realy i need this hack thank you