CSS Compression - Improve Loading Time and Decrease Bandwidth!

[1Unreal]

Please Click Installed and Rate (https://vborg.vbsupport.ru/vborg_miscactions.php?do=installhack&threadid=207200)

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 (https://vborg.vbsupport.ru/showpost.php?p=1760086&postcount=10)

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 :rolleyes:

[digicom]

Installed Thanks :up:

[Hostboard]

Difference between yours and this?
https://vborg.vbsupport.ru/showthread.php?t=202843

[1Unreal]

I wasn't aware of another CSS compressor for vB existing. But I can't really say what the difference is because I don't know how the YUI works.

[AzzidReign]

Is this compatible with vBSEO?

[1Unreal]

Is this compatible with vBSEO?

I'd say almost definatly, although Ive not tested it. This makes only a very small change which has nothing to do with SEO so I doubt vBSEO would touch it.

Please test it any let me know, I'd like to know how it turns out :)

[vip-q.com]

No Files Uploaded. !!

[1Unreal]

Sorry, fixed that :p

[KURTZ]

Is this compatible with vBSEO?

have you tested it?

[nascartr]

I use VBSEO and haven't had any issues running this compressor.

[1Unreal]

I use VBSEO and haven't had any issues running this compressor.

Thanks for verifying that :)

[AzzidReign]

What are you using to compress it? Your own, custom script? Or the google minifier (figured Yahoo's is out of the question since it's already been posted)?

[Brandon Sheley]

another interesting mod, will be watching this one as well :up:

[1Unreal]

What are you using to compress it? Your own, custom script? Or the google minifier (figured Yahoo's is out of the question since it's already been posted)?

Its my own custom script.

It removes comments and whitespace. Im currently looking into ways to improve on this too :)

[GoTTi]

your version shows 1.2.0 inside admincp when the product is updated to what your notes show as 1.2.1

is this product on here right now 1.2.1 or 1.2.0?

[thompson]

really interessting. will try it in the next days.

[SnakeV]

Good mod, but doesn't work totally for me, it only compress the first part, but not the Additional CSS Definitions. I'm using an external .css file for the style.

Thanks.

[woffie]

It made my forum slower not faster.

[drupy]

It made my forum faster. Thanks!

[Zachery]

If you're not storing your CSS exeternally, I don't see how this does anything different than what gzip is already going to do for compression. Otherwise your web server should be set to deflate or gzip .css files.

[mindhunter77]

This made my forum noticeably faster, thanks..

[realmr]

where do we note how much the page is compressed ?

[BigDog56]

Clicks installs. Does seem a little faster.

[realmr]

where can we see how much the compression has been made ??? Will the administrator usergroup will only be able to note the stats ?

[gamerscms]

Thanks, clicks install! :)

[Shamil.]

Installed (again)

[maidos]

heres an interesting result, i used minify css aswell to comapre with your mods

1: css compression
2: not using any compressor
3: css minify

[Zachery]

Each time the CSS requests were the same size....

[1Unreal]

Just updated it. Works much better now.

[1Unreal]

Each time the CSS requests were the same size....

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

[Zachery]

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]

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 :rolleyes:

[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]

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

[-=Leb=-]

Hi great mod installed it and my forum loading faster now.
Anyway, i have one question, is there anyway to view the compression stats on forumhome?

[avsunforum]

thanks :)

[Sc00by22]

Installed and working, thanks!

[-=Leb=-]

its working for me on vb4.x

[Artes_Marciales]

Installed, thanks!

[Drareg]

What if I want back, and not use this mod if it does not work properly, can I just remove it?
You say just upload it, how, just open ftp? And were to put it?

[moustafa]

There is no "Save" option at the bottom of main CSS!

[Zachery]

Don't use addons for vBulletin 4 on vBulletin 3 ;)

[moustafa]

Thank you zachery, didn't notice the version.

[fxdigi-cash]

I tried this mod, but didn't notice any difference at all. I used some testing tools online to observe the changes, but nothing really!!

I guess it is better to find something that combine css files in one instead.

Cheers

[m7sen]

i try this mod

its very bad, maybe because its old

this mod kill your style

dont try it !!!

[m7sen]

any updates and compatibility with dbseo v3

doesn't work for me on 3.8.x