IE条件注释会减慢页面加载速度吗？

Question

最近我一直在争论“ CSS hacks”和“ Conditional Comments”，以至于我以为把这个问题扔给Stack Overflow社区了。

<!--[if IE]>
 <link type="text/css" rel="stylesheet" href="ie-specific.css" /> 
<![endif]-->

反对使用IE条件注释的主要论点似乎是您要在每个页面加载上添加其他HTTP请求，从而减慢页面的显示速度。 我无法找到证明或反驳此陈述的任何现实指标。

抛弃维护多个样式表与维护一个样式表的争论（尽管这本身就是一个有效的讨论），这里有没有人做过任何测试来确定使用条件注释会给您带来多大的影响，或者能够指出我是否有其他人收集的任何统计信息？

Answer 1

本质上，这实际上与条件注释无关，就像条件编译一样。

IE浏览器将看到您的页面包括

<link type="text/css" rel="stylesheet" href="ie-specific.css" /> 

（需要一点点额外的处理才能评估评论条件）。

非IE浏览器只会在此处看到评论。

因此，唯一潜在的性能影响是IE浏览器将需要评估条件注释条件（这可以忽略不计），然后将包含另一个CSS文件。 当然，其他浏览器只是看到通用文件而完全忽略了注释。

然后的问题是，为IE提供一个（例如）5Kb标准兼容CSS文件，然后再提供一个（例如）2Kb“ hacks”文件，然后让其他所有人仅获得5Kb文件的优缺点？ 与为每个人提供7Kb文件（其中包含狡猾的CSS）相比。 取决于各种因素，包括网络速度和延迟，文件大小，页面上整体上使用的资源数量等，在IE情况下，这可能会或可能不会对性能产生明显影响（毫无疑问，它会更快对于非IE用户代理）。

正如所有的性能问题，你必须来分析您的环境中你的代码，看到的影响是什么-但作为一般准则我期望的影响可以忽略不计的IE浏览器，所有其他浏览器一个小的性能提升，为以及能够在实际文件中编写“正确的” CSS然后分别修复IE的模糊感。