Real-world CSS vs. CSS-in-JS performance comparison

CSS-in-JS has taken a solid place in front-end tooling, and it seems this trend will continue in the near future. Especially in the React world. For example, out of 11492 people who participate in State of CSS survey in 2020 only 14.3% didn’t hear of Styled Components (a dominant CSS-in-JS library). And more than 40% of participants have used the library. I wanted to see an in-depth performance co

[yasu-log]

【B!】Real-world CSS vs. CSS-in-JS performance comparison - Tomas Pustelnik's personal website / CSS in JSは通常のCSSに比べてわずかに重い

[tjmschk]

CSS-in-JS はパフォーマンス悪いよってやつ

[boxshiitake]

結構変わるもんだな

[door-s-dev]

Drag and drop comparisonみると868msも違う。アプリケーションの規模にもよるんだろうけど

[efcl]

Styled Componentsを使ったCSS-in-JSと linaria を使ってCSSファイルに分離した場合のパフォーマンスを比較した記事。 サイズ、Lighthouseなどを使ったRuntimeのパフォーマンス計測

[jay-es]

CSS と CSS-in-JS のパフォーマンス比較。ランタイムの CSS-in-JS は不利。（記事で使っている Linaria のように）ビルド時に通常の CSS に変換するのが主流になりそうとのこと