なぜ私たちは、いまだにCSSパーサーをブラウザに送り続けているのでしょうか？
フロントエンド開発者は選択を迫られています。重量級のCSS-in-JSライブラリを使用すれば、バンドルサイズが肥大化します。Largest Contentful Paint (LCP) の低下という代償も伴います。
動的なスタイルは必要ですが、それを実現するためにブラウザ上でCSSパーサーを動かす必要はありません。
モダンなツールはより良い方法を提供しています。ビルド時のスキャナーを使用する方法です。このアプローチなら、ビルドプロセス中にわずか10msを要するだけで、ユーザー側の負荷は0msになります。
Zero-runtime CSSは、同等の柔軟性を提供しながら、アプリケーションの軽量化を実現します。
なぜZero-runtimeは、まだ業界標準になっていないのでしょうか？
皆さんの経験をぜひ教えてください。どのようなトレードオフがあるために、runtime CSS-in-JSライブラリを使い続けているのでしょうか？
ぜひコメント欄で意見を聞かせてください。