首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >条件类、CSS、CSS模块和实用程序优先CSS之间是否存在性能差异?

条件类、CSS、CSS模块和实用程序优先CSS之间是否存在性能差异?
EN

Stack Overflow用户
提问于 2022-04-02 03:14:10
回答 1查看 387关注 0票数 -2

动态/条件类(如杰沃森的类名)与SCSS、CSS模块、CSS (样式-组件、JSS、情感等)和实用-第一CSS(尾风)之间有什么区别(特别是性能相关的)?

我正在启动一个新的反应(可能与下一个)项目在几个星期后,我目前正在做我的研究,以建立前端的技术栈。感谢您的任何帮助和意见!

EN

回答 1

Stack Overflow用户

发布于 2022-04-03 22:42:54

在选择如何编写CSS时,性能不是我所关注的问题。大多数情况下,您可能不需要担心CSS的性能,不过也有一些例外:

  • 动画:动画可以大大降低速度,特别是在低功耗设备上.然而,对于所有CSS的编写方式,这里潜在的瓶颈是相同的。
  • CSS包的大小:越小越好。虽然实际上,这并不是太重要,直到您的20+ KB的CSS压缩,即使这样,它只是真正影响最慢的互联网连接。对于大页面,几乎没有什么比TailwindCSS这样的实用方法更好了。对于较小的页面/站点,一切都会变得足够小,这并不重要。
  • 选择器的复杂性。如果选择器具有匹配许多元素(例如owl * + *)的潜力,那么随着DOM的增长,这会影响运行时性能。这种情况从来不会发生在实用程序第一CSS,也可能不会发生在CSS模块或CSS-in-JS。

与其考虑性能,我建议查看每个CSS“框架”的开发人员体验,以及它与其他技术堆栈的关系。99 / 100次(需要引用),您的性能瓶颈将不是您的CSS。

票数 -1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/71714582

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档