chriseppstein/compass — Issue #664: optimize IE-specific rules by placing them into an IE specific sheet?
Author: paulirish
Created: 2012-01-05 19:19:04+00:00
State: open

So this is a optimization that might be out of scope, but as compass does minification already, perf seems to be within scope to some degree..

from [kangax's article on css performance](http://perfectionkills.com/profiling-css-for-fun-and-profit-optimization-notes/) ....

> In my case, there was close to a hundred of such .ie7 and .ie8 -based selectors in a final stylesheet. Some of them were universal. The fix was simple — move all IE-related styles to a separate stylesheet, included via conditional comments. As a result, there were that many less selectors to parse, match and apply.

> Unfortunately, this kind of optimization comes with a price. I find that putting IE-related styles next to the original ones is actually a more maintainable solution. When changing/adding/removing something in the future, there’s only one place to change and so there’s less chance to forget IE-related fixes. **Perhaps in the future tools like SASS could optimize declarations like these out of the main file and into conditionally-included ones.**

Thoughts on how this could be done?