CSS中的目标CSS文件或后备

Question

我正在考虑将现有网站（纯粹用于学习）重写为更易于管理的代码，并利用一些“更新”的技术（特别是Flexbox，渐变，移动优先响应式设计），但公平（5）我的读者在浏览器选择（IE8）中的比例有限，因此，我需要继续支持他们的需求;所以渐进式增强似乎是明智的;但...

我很快就会在某个地方找到大量的CSS对某些浏览器来说是多余的 - 例如;使用多个背景渐变，回退到单个渐变，回退到dataURI图像（如果我想更进一步，然后回退到url图像）。所有代码都在CSS文件中 - 增加其大小。

所以，在我看来，如何管理这个有很多选择：

• 只是忽略它 - 假设CSS的大小在宏观方案中是微不足道的（与额外的HTTP请求相比）;因此，通过类似Modernizr或简单的CSS回退
之类的类添加CSS中的后备
• 为每个案例加载一个特定的CSS文件（我提出了4个案例 - 由于FF的Flexbox支持不佳，它们并不等同于IE的版本）。像yesnope.js这样的东西可以用来加载一个CSS文件吗？页面速度有什么影响？你如何处理no-js情况
• CSS文件的模块化加载;基于Modernizr输出的一个基本文件+ 1或2个文件（可能是2个;渐变和布局） - 更多HTTP请求，但异步，整体文件大小更小

问题很简单（但答案可能不是！），建议使用哪种方法，为什么？