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

Question

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

我有一个CSS3的网站，我想知道如果加载页面加载后更改CSS的JS文件可能会降低我的页面渲染速度并影响客户端性能？

Answer 1

当然，执行一个JavaScript会改变你的CSS会降低你网站的性能，无论是在JavaScript执行时间还是你的网站的（重新）渲染速度方面。

让javascript检查和修改所有的CSS代价非常高。我更喜欢像SASS或LESS这样的预处理器，它可以让您编写无前缀CSS，并在将其传送到客户端之前生成相应的前缀CSS。当然，这有一个缺点，就是要传输更大的css文件，但这仍然是我更喜欢的解决方案。

你不需要为自己编写必要的mixins，基本上有无数的扩展，它将为你做好工作并提供随时可用的mixins。

只是从我的头顶部：少，可以使用http://lessprefixer.com/ - 社科院http://compass-style.org/

Answer 2

是的，你可以期待在页面加载时间和减少可能FOUC。

如果您不希望影响最终用户体验，我会建议您使用诸如LESS之类的工具。 Less使您能够编写更紧凑，可管理的css标记，并在从服务器发送到客户端之前将其转换为常规css。它将轻松处理css-prefix问题。