joomla - Combine multiple css files in one -

i have joomla! site , have set yoo theme template site slow because template has 30 external css files , approximately 20 script files.

i have managed combine javascript files 1 component scriptmerge, css, component doesn't work should because messes site when combine of css files one.

i have tried other components jch optimizer , jbetolo without success!

does know component or plugin can job me? or else maybe, tried script combining in .htaccess, without success.

you can use @import url'file' include each css file 1 include 1 file in main page.

e.g. in site

@import url("nav.css"); @import url("popup.css"); @import url("latestposts.css"); @import url("home.css"); 

this code placed @ top of common.css , common.css included index.php

might want take here: http://www.w3.org/tr/css21/cascade.html#at-import