Why is in <head> tag 4 stylesheet files instead of 1? 1 stylesheet means less requests than 4.

<!--[if gte IE 8]><!-->
<link type="text/css" rel="stylesheet" href="http://www.site.com/sites/default/files/advagg_css/A.css__nSsBxEs0YdoFmXVKwPdsfrYlz7iPNC9Vyg7N800a8nM__gphEQ1oGyd01dIIhWtTxyhH9il8eSVCpLNRyghJejGs__FOz37DQQM7Bc6k-7TfCDmYfgtyzfsXmS89rjAZiJpi8.css.pagespeed.cf.naknwdehmr.css" media="all"/>

...3 more...


mikeytown2’s picture


Has to do with IE Conditionals. There is no way to include IE conditionals inside of a CSS file thus, IE specific CSS has to be in its own file (IE8, IE7, IE6, All others). If you're using the CSS Embedded Images module, this is a known tradeoff. IE 6 & 7 do not work with this module, IE8+ and all other browsers do work and thus it has to create a lot of CSS files in order to accomplish the load less files by embedding them trick (net win).

Please close this issue if this answers the question. If not, could you explain more; what did you expect, and what actually happened :)

mikeytown2’s picture

This is a solution for combining IE only CSS and it's an ugly one

Using hook_advagg_build_aggregate_plans_alter() and the IE CSS hacks you could merge the IE only style sheets in with the main one. This would only benefit IE users as non IE browsers will not download the IE only style sheets; thus it's not something I'll be coding.

jasom’s picture

Status: Active » Closed (fixed)

Thank you for explanation.

jasom’s picture

Issue summary: View changes