0

我正在使用 Twitter Bootstrap、H5BP 和其他一些零碎的东西开发一个网站，包括 Modernizr ......它引用了 Yepnope.js ......它引用了Prefix Free。

（编译的）Bootstrap CSS 充满了供应商前缀的变通方法，我非常欣赏——我不想自己手动解决所有这些问题，但它也会让它变得臃肿。我足够熟练，可以省略不需要的 CSS，但我想知道如果在 CSS 中保留供应商前缀或使用 Prefix Free，是否会更快。

我通过网站上的 Yepnope.js 链接通过 Modernizr 找到了 Prefix Free，所以我可能会使用所有这三个，但老实说，我可能不会创建明确的规则来支持过时的浏览器（就像 Modernizr 一样）。

如果使用 Prefix Free 比保持 Bootstrap CSS 保持原样更快，我会支持 Prefix Free 的基本功能（IE 9+）。

如果我将 CSS 中的所有变通方法保留原样或剥离供应商前缀并通过 Prefix Free 动态添加它们，它会加载更快吗？

以前有人处理过这个吗？

4

1 回答 1

0

我认为删除供应商特定 CSS 样式的唯一好处就是真正减小 CSS 文件的大小。浏览器使用浏览器特定样式的事实不会减慢渲染过程，浏览器也不会遇到不适合该浏览器的特定样式（基本上是 Firefox 遇到 IE 过滤器）。

但是，我认为如果您使用第三方脚本来生成您已从 Bootstrap 中删除的供应商特定样式，则加载页面需要更长的时间。据我所知，Bootstrap 已被优化为尽可能快。所以真的，我会避免破解它并删除供应商特定的样式。

于 2012-08-17T13:23:03.907 回答