vb.org Archive - Board Optimization - CSS Compression - Improve Loading Time and Decrease Bandwidth!

Page 1 of 2

Show 40 post(s) from this thread on one page

vb.org Archive (https://vborg.vbsupport.ru/index.php)

- vBulletin 3.8 Add-ons (https://vborg.vbsupport.ru/forumdisplay.php?f=235)

- - Board Optimization - CSS Compression - Improve Loading Time and Decrease Bandwidth! (https://vborg.vbsupport.ru/showthread.php?t=207200)

1Unreal

03-02-2009 10:00 PM

CSS Compression - Improve Loading Time and Decrease Bandwidth!

1 Attachment(s)

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

digicom

03-03-2009 11:07 AM

Installed Thanks :up:

Hostboard

03-03-2009 11:23 AM

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

1Unreal

03-03-2009 11:38 AM

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

03-04-2009 02:14 AM

Is this compatible with vBSEO?

1Unreal

03-04-2009 04:17 AM

Quote:

Originally Posted by AzzidReign (Post 1759745)

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

03-04-2009 04:50 AM

No Files Uploaded. !!

1Unreal

03-04-2009 04:54 AM

Sorry, fixed that :p

KURTZ

03-04-2009 07:39 AM

Quote:

Originally Posted by AzzidReign (Post 1759745)

Is this compatible with vBSEO?

have you tested it?

nascartr

03-04-2009 01:01 PM

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

1Unreal

03-04-2009 01:41 PM

Quote:

Originally Posted by nascartr (Post 1760086)

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

Thanks for verifying that :)

AzzidReign

03-04-2009 02:52 PM

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

03-04-2009 02:53 PM

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

1Unreal

03-04-2009 03:17 PM

Quote:

Originally Posted by AzzidReign (Post 1760204)

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

03-09-2009 05:06 AM

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

03-09-2009 10:08 AM

really interessting. will try it in the next days.

SnakeV

03-10-2009 03:33 PM

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

03-16-2009 12:20 AM

It made my forum slower not faster.

drupy

04-11-2009 07:39 PM

It made my forum faster. Thanks!

Zachery

04-11-2009 08:59 PM

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

04-11-2009 09:10 PM

This made my forum noticeably faster, thanks..

realmr

04-13-2009 08:24 AM

where do we note how much the page is compressed ?

BigDog56

04-13-2009 03:42 PM

Clicks installs. Does seem a little faster.

realmr

04-30-2009 08:33 AM

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

gamerscms

04-30-2009 09:43 AM

Thanks, clicks install! :)

Shamil.

05-04-2009 10:58 AM

Installed (again)

maidos

05-04-2009 12:06 PM

1 Attachment(s)

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

05-04-2009 12:12 PM

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

1Unreal

05-11-2009 05:21 PM

Just updated it. Works much better now.

1Unreal

05-11-2009 05:23 PM

Quote:

Originally Posted by Zachery (Post 1804293)

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

05-11-2009 06:51 PM

Quote:

Originally Posted by 1Unreal (Post 1808797)

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

05-12-2009 12:46 AM

Good idea

nomoreturn

05-12-2009 11:07 PM

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

Code:

/* ***** 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

Code:

.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

05-12-2009 11:16 PM

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

05-12-2009 11:22 PM

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

1Unreal

05-13-2009 05:37 PM

Quote:

Originally Posted by nomoreturn@hotm (Post 1809736)

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

05-20-2009 09:14 AM

Thanks

MadK	05-27-2009 09:16 PM

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

1Unreal

05-27-2009 09:26 PM

Quote:

Originally Posted by MadK (Post 1818395)

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

06-18-2009 04:13 PM

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

All times are GMT. The time now is 06:30 PM.

Page 1 of 2

Show 40 post(s) from this thread on one page

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.01355 seconds Memory Usage 1,791KB Queries Executed 10 (?)
More Information
Template Usage: (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (2)bbcode_code_printable (8)bbcode_quote_printable (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)pagenav (1)pagenav_curpage (1)pagenav_pagelink (1)post_thanks_navbar_search (1)printthread (40)printthreadbit (1)spacer_close (1)spacer_open Phrase Groups Available: global postbit showthread	Included Files: ./printthread.php ./global.php ./includes/init.php ./includes/class_core.php ./includes/config.php ./includes/functions.php ./includes/class_hook.php ./includes/modsystem_functions.php ./includes/class_bbcode_alt.php ./includes/class_bbcode.php ./includes/functions_bigthree.php Hooks Called: init_startup init_startup_session_setup_start init_startup_session_setup_complete cache_permissions fetch_threadinfo_query fetch_threadinfo fetch_foruminfo style_fetch cache_templates global_start parse_templates global_setup_complete printthread_start pagenav_page pagenav_complete bbcode_fetch_tags bbcode_create bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete printthread_post printthread_complete
Messages: