供应商前缀CSS workarounds(Bootstrap)的速度和大小

时间:2012-08-17 10:34:38

标签: javascript css twitter-bootstrap

我正在开发一个使用Twitter Bootstrap,H5BP和其他零碎的网站,包括Modernizr ...引用Yepnope.js ...引用Prefix Free

(已编译的)Bootstrap CSS充满了供应商前缀解决方法,我非常感谢 - 我不想手动计算出我自己的所有内容,但它也让它变得臃肿。我很熟练,可以省略不需要的CSS,但我想知道如果在CSS中保留供应商前缀或使用Prefix Free会更快。

我通过Modernizr找到Prefix Free,通过网站上的Yepnope.js链接,所以我可能会使用这三个但是说实话,我可能不会创建明确的规则来支持过时的浏览器(就像你可以使用Modernizr的)。

我可以支持Prefix Free用于(IE 9+)的基础知识,如果使用它将比基本上保留Bootstrap CSS更快。

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

之前有人处理过此事吗?

1 个答案:

答案 0 :(得分:0)

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

但是,如果您使用第三方脚本生成从Bootstrap中删除的供应商特定样式,我认为加载页面需要更长时间。据我所知,Bootstrap已经过优化,尽可能快。所以,我会避免黑客攻击并删除供应商特定的样式。