我应该在我的网站上加入“无前缀”插件吗？

Question

Prefix-free是Lea Verou的酷炫插件。它可以帮助开发人员编写没有前缀的CSS3选择器。我想知道是否值得将它包含在我的网站中。

我有一个带有一些CSS3的网站，我想知道在加载页面后加载改变CSS的JS文件是否会降低我的网页渲染速度并影响客户端性能？

Answer 1

当然，执行改变CSS的Javascript会降低网站的性能，包括javascript执行时间和（重新）渲染速度。

让javascript检查并更改所有CSS是非常昂贵的。我更喜欢像SASS或LESS这样的预处理器，它们允许您编写无前缀的CSS并在将其提供给客户端之前生成带有前缀的CSS。当然这有一个缺点就是要传输更大的css文件，但这仍然是我喜欢的解决方案。

您不需要为自己编写必要的mixins，基本上有无数的扩展，可以为您完成工作并提供随时可用的mixins。

刚出头：少花一点，可以使用http://lessprefixer.com/ - 对于Sass http://compass-style.org/

Answer 2

是的，您可以预期页面加载时间会减少，可能会FOUC。

如果您不想牺牲最终用户体验，我建议您使用LESS等工具。 Less使您能够编写更紧凑，可管理的css标记，在从服务器发送到客户端之前将其转换为常规css。它将轻松处理css前缀问题。