6

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

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

4

2 回答 2

8

当然，更改您的 CSS 的 Javascript 的执行会降低您网站的性能，无论是在 javascript 执行时间还是您网站的（重新）渲染速度方面。

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

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

就在我的脑海中：为了更少，可以使用http://lessprefixer.com/ - 对于 Sass http://compass-style.org/

于 2012-08-14T07:51:08.577 回答
2

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

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

于 2012-08-14T07:51:22.040 回答