MMOwned loads great. (Averaging ~168kb per page after being gzipped, and ~114kb/s transfer speed.)
There is a lot of CSS being passed when no-cache is set. (12.34 kB (12,640 B) + all the additional CSS elsewhere.) This can be cached by your browser so you only need to load the CSS every once in a while.
For instance the current CSS:
Code:
body
{
background: #1b1b1b url(../../images/greenfox/misc/bg_tile.gif);
color: #848484;
font: 9pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
margin: 0px 5px 0px 5px;
}
a:link, body_alink
{
color: #eeeeee;
text-decoration: none;
}
a:visited, body_avisited
{
color: #eeeeee;
text-decoration: none;
}
a:hover, a:active, body_ahover
{
color: #cdf16c;
text-decoration: underline;
}
.page
{
background: #1b1b1b;
color: #848484;
}
.page a:link, .page_alink
{
text-decoration: none;
}
.page a:visited, .page_avisited
{
text-decoration: none;
}
.page a:hover, .page a:active, .page_ahover
{
text-decoration: underline;
}
td, th, p, li
{
font: 9pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.tborder
{
background: #1f1f1f;
color: #848484;
border: 1px solid #363636;
}
.tcat
{
background: #5b8d22 url(../../images/greenfox/gradients/gradient_tcat.gif) repeat-x top left;
color: #FFFFFF;
font: bold 9pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.tcat a:link, .tcat_alink
{
color: #FFFFFF;
text-decoration: none;
}
.tcat a:visited, .tcat_avisited
{
color: #FFFFFF;
text-decoration: none;
}
.tcat a:hover, .tcat a:active, .tcat_ahover
{
color: #FFFFFF;
text-decoration: underline;
}
.thead
{
background: #373737 url(../../images/greenfox/gradients/gradient_thead.gif) repeat-x top left;
color: #FFFFFF;
font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
border-top: 1px solid #363636;
}
.thead a:link, .thead_alink
{
color: #FFFFFF;
text-decoration: none;
}
.thead a:visited, .thead_avisited
{
color: #FFFFFF;
text-decoration: none;
}
.thead a:hover, .thead a:active, .thead_ahover
{
color: #cdf16c;
text-decoration: underline;
}
.tfoot
{
background: #282828;
color: #848484;
}
.tfoot a:link, .tfoot_alink
{
color: #FFFFFF;
text-decoration: none;
}
.tfoot a:visited, .tfoot_avisited
{
color: #FFFFFF;
text-decoration: none;
}
.tfoot a:hover, .tfoot a:active, .tfoot_ahover
{
color: #cdf16c;
text-decoration: underline;
}
.alt1, .alt1Active
{
background: #2c2c2c;
color: #848484;
font-family: tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
border-top: 1px solid #363636;
border-left: 1px solid #363636;
}
.alt2, .alt2Active
{
background: #282828;
color: #848484;
font-family: tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
border-top: 1px solid #363636;
border-left: 1px solid #363636;
}
.inlinemod
{
background: #333333;
color: #FFFFFF;
border-top: 1px solid #363636;
border-left: 1px solid #363636;
}
.wysiwyg
{
background: #2c2c2c;
color: #848484;
font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
textarea, .bginput
{
background: #000000;
color: #cdf16c;
font: 9pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
border: 1px solid #1f1f1f;
}
.bginput option, .bginput optgroup
{
font-size: 9pt;
font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.button
{
background: #5b8d22 url(../../images/greenfox/gradients/gradient_tcat.gif) repeat-x top left;
color: #FFFFFF;
font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
border: 1px solid #5b8d22;
}
select
{
background: #000000;
color: #FFFFFF;
font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
border: 1px solid #1f1f1f;
}
option, optgroup
{
font-size: 11px;
font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.smallfont
{
font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.time
{
color: #cdf16c;
}
.navbar
{
background: #5b8d22 url(../../images/greenfox/gradients/gradient_tcat.gif) repeat-x top left;
color: #FFFFFF;
font: bold 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.navbar a:link, .navbar_alink
{
color: #FFFFFF;
text-decoration: none;
}
.navbar a:visited, .navbar_avisited
{
color: #FFFFFF;
text-decoration: none;
}
.navbar a:hover, .navbar a:active, .navbar_ahover
{
color: #FFFFFF;
text-decoration: underline;
}
.highlight
{
color: #FF0000;
font-weight: bold;
}
.fjsel
{
background: #000000;
color: #FFFFFF;
}
.fjdpth0
{
background: #5b8d22;
color: #FFFFFF;
}
.fjdpth3
{
background: #3366FF;
}
.panel
{
background: #2c2c2c;
color: #848484;
padding: 10px;
border: 2px outset;
}
.panelsurround
{
background: #282828;
color: #848484;
border-top: 1px solid #363636;
border-left: 1px solid #363636;
border-right: 1px solid #363636;
border-bottom: 1px solid #363636;
}
legend
{
color: #cdf16c;
font: 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.vbmenu_control
{
background: #5b8d22 url(../../images/greenfox/gradients/gradient_tcat.gif) repeat-x top left;
color: #FFFFFF;
font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
padding: 3px 6px 3px 6px;
white-space: nowrap;
}
.vbmenu_control a:link, .vbmenu_control_alink
{
color: #FFFFFF;
text-decoration: none;
}
.vbmenu_control a:visited, .vbmenu_control_avisited
{
color: #FFFFFF;
text-decoration: none;
}
.vbmenu_control a:hover, .vbmenu_control a:active, .vbmenu_control_ahover
{
color: #FFFFFF;
text-decoration: underline;
}
.vbmenu_popup
{
background: #1f1f1f;
color: #848484;
border: 1px solid #363636;
}
.vbmenu_option
{
background: #282828;
color: #848484;
font: 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
white-space: nowrap;
cursor: pointer;
border-top: 1px solid #363636;
border-left: 1px solid #363636;
}
.vbmenu_option a:link, .vbmenu_option_alink
{
color: #848484;
text-decoration: none;
}
.vbmenu_option a:visited, .vbmenu_option_avisited
{
color: #848484;
text-decoration: none;
}
.vbmenu_option a:hover, .vbmenu_option a:active, .vbmenu_option_ahover
{
color: #848484;
text-decoration: none;
}
.vbmenu_hilite
{
background: #2c2c2c;
color: #FFFFFF;
font: 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
white-space: nowrap;
cursor: pointer;
border-top: 1px solid #363636;
border-left: 1px solid #363636;
}
.vbmenu_hilite a:link, .vbmenu_hilite_alink
{
color: #FFFFFF;
text-decoration: none;
}
.vbmenu_hilite a:visited, .vbmenu_hilite_avisited
{
color: #FFFFFF;
text-decoration: none;
}
.vbmenu_hilite a:hover, .vbmenu_hilite a:active, .vbmenu_hilite_ahover
{
color: #FFFFFF;
text-decoration: none;
}
/* ***** 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; }
/* ***** don't change the following ***** */
form { display: inline; }
label { cursor: default; }
.normal { font-weight: normal; }
.inlineimg { vertical-align: middle; }
.underline { text-decoration: underline; }
/** DEBUT MGC CHATBOX **/
.mgc_cb_date {
color : #555555;
}
.mgc_cb_me {
color : #FF0000;
}
/** FIN MGC CHATBOX **/
/* Here you can change the look of the post text and links */
.vb_postbit
{
color: #848484;
font: 12px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
text-decoration: none;
}
.vb_postbit a:link
{
color: #848484;
font: 12px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
border-bottom: 1px dotted #cdf16c;
text-decoration: none;
}
.vb_postbit a:visited
{
color: #848484;
font: 12px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
border-bottom: 1px dotted #cdf16c;
text-decoration: none;
}
.vb_postbit a:hover, .vb_postbit a:active
{
color: #cdf16c;
font: 12px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
border-bottom: 1px dotted #848484;
text-decoration: none;
}
/* ***** Header and Nav ***** */
.header_bg {
background: #000000 url(../../images/greenfox/misc/nav_bg.gif) ;
}
.vb_navigation {
background: #000000 url(../../images/greenfox/misc/nav_bg_small.gif) ;
}
/* ***** navigation roll-overs element */
.css_nav {
float: left;
width: 78px;
height: 34px;
color: #ffffff;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
text-align: center;
margin: 0px;
padding: 0px;
border: 0px;
}
.css_nav a:link , .css_nav a:visited {
display: block;
background-image: url(../../images/greenfox/misc/nav.gif);
color: #ffffff;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
font-weight: bold;
line-height: 31px;
text-align: center;
text-decoration: none;
width: 78px;
height: 34px;
}
.css_nav a:hover, .css_nav a:active {
background-image: url(../../images/greenfox/misc/nav_over.gif);
color: #e3f9c2;
text-decoration: none;
line-height: 33px;
width: 78px;
height: 34px;
}
/* ***** postbit user info ***** */
.postbit_box
{
background-color: #edf3f9;
color: #000000;
padding:7px 7px 7px 7px;
border: 1px dotted #CFCFCF;
width: 292px;
}
/* ***** spacers and paddings ***** */
.cat_spacer {
padding:5px 0px 5px 0px;
}
.spacer {
padding:5px 0px 5px 0px;
}
.spacer_small {
padding:2px 0px 2px 0px;
}
/* ***** side borders ***** */
.side_borders {
width: 762px;
border-left: 2px solid #0e0e0f;
border-right: 2px solid #0e0e0f;
margin-left: auto;
margin-right: auto;
}
/* ***** make announcements, stickies moderated, soft deleted posts, poll posts and search result since last visit pretty ***** */
.announcement {
background-color: #3d4c3b;
color: #ffffff;
border-top: 1px solid #4e4e4e;
border-left: 1px solid #4e4e4e;
}
.sticky {
background-color: #363d38;
color: #ffffff;
border-top: 1px solid #4e4e4e;
border-left: 1px solid #4e4e4e;
}
.poll {
background-color: #1f2e38;
color: #ffffff;
border-top: 1px solid #4e4e4e;
border-left: 1px solid #4e4e4e;
}
.moderated {
background-color: #3e3e3e;
color: #ffffff;
border-top: 1px solid #4e4e4e;
border-left: 1px solid #4e4e4e;
}
.subscribed {
background-color: #434236;
color: #ffffff;
border-top: 1px solid #4e4e4e;
border-left: 1px solid #4e4e4e;
}
.deleted {
background-color: #1b1b1b;
color: #ffffff;
border-top: 1px solid #363636;
border-left: 1px solid #363636;
}
.last_visit {
background-color: #363d38;
color: #ffffff;
border-top: 1px solid #4e4e4e;
border-left: 1px solid #4e4e4e;
}
/* ***** dotted hr ***** */
div.hr {
height: 2px;
background: url(../../images/greenfox/misc/hr.gif) repeat scroll center;
}
div.hr hr {
display: none;
}
/* ***** make dropdown menu pretty ***** */
.vb_menu_control {
background: #373737 url(../../images/greenfox/gradients/gradient_thead.gif) repeat-x top left;
color: #ffffff;
font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
border-top: 1px solid #363636;
padding: 3px 6px 3px 6px;
white-space: nowrap;
}
.vb_menu_control a:link {
color: #ffffff;
text-decoration: none;
}
.vb_menu_control a:visited {
color: #ffffff;
text-decoration: none;
}
.vb_menu_control a:hover, .vb_menu_control a:active {
color: #cdf16c;
text-decoration: underline;
}
/* ***** navbar dot border ***** */
.vb_navbar
{
background: #1f1f1f;
color: #848484;
border: 1px dotted #363636;
}
/* ***** category bottom ***** */
.cat_bottom
{
background: #1f1f1f url(../../images/greenfox/gradients/gradient_thead.gif) repeat-x top left;
border-top: #363636 1px solid;
}
Can be turned into:
Code:
body{background:#1b1b1b url(../../images/greenfox/misc/bg_tile.gif);color:#848484;font:9pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;margin:0 5px}a:visited,body_avisited,a:link,body_alink{color:#eee;text-decoration:none}.page{background:#1b1b1b;color:#848484}td,th,p,li{font:9pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif}.tcat{background:#5b8d22 url(../../images/greenfox/gradients/gradient_tcat.gif) repeat-x top left;color:#FFF;font:700 9pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif}.thead{background:#373737 url(../../images/greenfox/gradients/gradient_thead.gif) repeat-x top left;color:#FFF;font:700 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;border-top:1px solid #363636}.tfoot{background:#282828;color:#848484}.alt1,.alt1Active{background:#2c2c2c;color:#848484;font-family:tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;border-top:1px solid #363636;border-left:1px solid #363636}.alt2,.alt2Active{background:#282828;color:#848484;font-family:tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;border-top:1px solid #363636;border-left:1px solid #363636}.inlinemod{background:#333;color:#FFF;border-top:1px solid #363636;border-left:1px solid #363636}.wysiwyg{background:#2c2c2c;color:#848484;font:10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif}textarea,.bginput{background:#000;color:#cdf16c;font:9pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;border:1px solid #1f1f1f}.bginput option,.bginput optgroup{font-size:9pt;font-family:verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif}.button{background:#5b8d22 url(../../images/greenfox/gradients/gradient_tcat.gif) repeat-x top left;color:#FFF;font:11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;border:1px solid #5b8d22}select{background:#000;color:#FFF;font:11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;border:1px solid #1f1f1f}option,optgroup{font-size:11px;font-family:verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif}.smallfont{font:11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif}.time{color:#cdf16c}.navbar{background:#5b8d22 url(../../images/greenfox/gradients/gradient_tcat.gif) repeat-x top left;color:#FFF;font:700 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif}.highlight{color:#F00;font-weight:700}.fjsel{background:#000;color:#FFF}.fjdpth0{background:#5b8d22;color:#FFF}.fjdpth3{background:#36F}.panel{background:#2c2c2c;color:#848484;padding:10px;border:2px outset}.panelsurround{background:#282828;color:#848484;border-top:1px solid #363636;border-left:1px solid #363636;border-right:1px solid #363636;border-bottom:1px solid #363636}legend{color:#cdf16c;font:11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif}.vbmenu_control{background:#5b8d22 url(../../images/greenfox/gradients/gradient_tcat.gif) repeat-x top left;color:#FFF;font:700 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;padding:3px 6px;white-space:nowrap}.vbmenu_control a:hover,.vbmenu_control a:active,.vbmenu_control_ahover,.navbar a:hover,.navbar a:active,.navbar_ahover,.tcat a:hover,.tcat a:active,.tcat_ahover{color:#FFF;text-decoration:underline}.vbmenu_popup,.tborder{background:#1f1f1f;color:#848484;border:1px solid #363636}.vbmenu_option{background:#282828;color:#848484;font:11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;white-space:nowrap;cursor:pointer;border-top:1px solid #363636;border-left:1px solid #363636}.vbmenu_option a:hover,.vbmenu_option a:active,.vbmenu_option_ahover,.vbmenu_option a:visited,.vbmenu_option_avisited,.vbmenu_option a:link,.vbmenu_option_alink{color:#848484;text-decoration:none}.vbmenu_hilite{background:#2c2c2c;color:#FFF;font:11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;white-space:nowrap;cursor:pointer;border-top:1px solid #363636;border-left:1px solid #363636}.vbmenu_hilite a:hover,.vbmenu_hilite a:active,.vbmenu_hilite_ahover,.vbmenu_hilite a:visited,.vbmenu_hilite_avisited,.vbmenu_hilite a:link,.vbmenu_hilite_alink,.vbmenu_control a:visited,.vbmenu_control_avisited,.vbmenu_control a:link,.vbmenu_control_alink,.navbar a:visited,.navbar_avisited,.navbar a:link,.navbar_alink,.tfoot a:visited,.tfoot_avisited,.tfoot a:link,.tfoot_alink,.thead a:visited,.thead_avisited,.thead a:link,.thead_alink,.tcat a:visited,.tcat_avisited,.tcat a:link,.tcat_alink{color:#FFF;text-decoration:none}.bigusername{font-size:14pt}td.thead,th.thead,div.thead{padding:4px}.pagenav a,.page a:visited,.page_avisited,.page a:link,.page_alink{text-decoration:none}.pagenav td{padding:2px 4px}.shade,a.shade:link,a.shade:visited{color:#777;text-decoration:none}a.shade:active,a.shade:hover{color:#F40;text-decoration:underline}.tcat .shade,.thead .shade,.tfoot .shade{color:#DDD}.fieldset{margin-bottom:6px}.fieldset,.fieldset td,.fieldset p,.fieldset li{font-size:11px}form{display:inline}label{cursor:default}.normal{font-weight:400}.inlineimg{vertical-align:middle}.underline,.page a:hover,.page a:active,.page_ahover{text-decoration:underline}.mgc_cb_date{color:#555}.mgc_cb_me{color:#F00}.vb_postbit{color:#848484;font:12px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;text-decoration:none}.vb_postbit a:visited,.vb_postbit a:link{color:#848484;font:12px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;border-bottom:1px dotted #cdf16c;text-decoration:none}.vb_postbit a:hover,.vb_postbit a:active{color:#cdf16c;font:12px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;border-bottom:1px dotted #848484;text-decoration:none}.header_bg{background:#000 url(../../images/greenfox/misc/nav_bg.gif)}.vb_navigation{background:#000 url(../../images/greenfox/misc/nav_bg_small.gif)}.css_nav{float:left;width:78px;height:34px;color:#fff;text-align:center;margin:0;padding:0;border:0;font:700 10px Tahoma, Verdana, Arial, Helvetica, sans-serif}.css_nav a:link,.css_nav a:visited{display:block;background-image:url(../../images/greenfox/misc/nav.gif);color:#fff;line-height:31px;text-align:center;text-decoration:none;width:78px;height:34px;font:700 9px Tahoma, Verdana, Arial, Helvetica, sans-serif}.css_nav a:hover,.css_nav a:active{background-image:url(../../images/greenfox/misc/nav_over.gif);color:#e3f9c2;text-decoration:none;line-height:33px;width:78px;height:34px}.postbit_box{background-color:#edf3f9;color:#000;padding:7px;border:1px dotted #CFCFCF;width:292px}.spacer,.cat_spacer{padding:5px 0}.spacer_small{padding:2px 0}.side_borders{width:762px;border-left:2px solid #0e0e0f;border-right:2px solid #0e0e0f;margin-left:auto;margin-right:auto}.announcement{background-color:#3d4c3b;color:#fff;border-top:1px solid #4e4e4e;border-left:1px solid #4e4e4e}.poll{background-color:#1f2e38;color:#fff;border-top:1px solid #4e4e4e;border-left:1px solid #4e4e4e}.moderated{background-color:#3e3e3e;color:#fff;border-top:1px solid #4e4e4e;border-left:1px solid #4e4e4e}.subscribed{background-color:#434236;color:#fff;border-top:1px solid #4e4e4e;border-left:1px solid #4e4e4e}.deleted{background-color:#1b1b1b;color:#fff;border-top:1px solid #363636;border-left:1px solid #363636}.last_visit,.sticky{background-color:#363d38;color:#fff;border-top:1px solid #4e4e4e;border-left:1px solid #4e4e4e}div.hr{height:2px;background:url(../../images/greenfox/misc/hr.gif) repeat scroll center}div.hr hr{display:none}.vb_menu_control{background:#373737 url(../../images/greenfox/gradients/gradient_thead.gif) repeat-x top left;color:#fff;font:700 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;border-top:1px solid #363636;padding:3px 6px;white-space:nowrap}.vb_menu_control a:visited,.vb_menu_control a:link{color:#fff;text-decoration:none}.vb_menu_control a:hover,.vb_menu_control a:active,.tfoot a:hover,.tfoot a:active,.tfoot_ahover,.thead a:hover,.thead a:active,.thead_ahover,a:hover,a:active,body_ahover{color:#cdf16c;text-decoration:underline}.vb_navbar{background:#1f1f1f;color:#848484;border:1px dotted #363636}.cat_bottom{background:#1f1f1f url(../../images/greenfox/gradients/gradient_thead.gif) repeat-x top left;border-top:#363636 1px solid}
The final size is 8.27 kB (8,467 B), which is 4.08 kB smaller, or 33.01% reduction in CSS alone.
The images on the site can do for some optimization, (most can be cut down at least 20% which would reduce traffic overall by quite a lot) and a lot of JavaScript can be passed in separate files to be cached as well. (Also, they can be compressed to be only 1 line with as few spaces as possible to remove even more bandwidth from each page load).
From a quick look at the JS that gets loaded each page, it can be cut down by ~30kb per page just in JavaScript alone. (Though, it would take a few file edits to do so, and may be annoying, but be better in the long run)
As for the shoutbawx, it's loading as fast as it's able to. Keep in mind it's fully AJAX, so it's doing a lot of POST requests to the server on load, as well as a ton of parsing (for name colors, and text colors). And it usually only takes me a second or two to load.
The list goes on with different optimizations, but I won't bore you guys. :P