tsukaby https://blog.hatena.ne.jp/tsukaby/ ミツカリ技術ブログ https://tech-blog.mitsucari.com/ パフォーマンス こんにちは、ミツカリCTOの塚本こと、つかびー(@tsukaby0) です。 当社では今までCSSライブラリとしてEmotionを使用していました。 Emotionを選定したのは2022年8月頃で、その頃はまだTailwindよりも人気でした。他にMUIを利用することも決めており、MUIもEmotionを利用しているため、丁度よいという理由もありました。 CSS-in-JSライブラリであるため、開発体験としては気に入っていましたが、ランタイム時に(ブラウザでページアクセス時に)JSが動いてスタイルが計算され、styleタグが挿入されるため、パフォーマンスの問題があります。 以前のこちらの記事で… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Ftech-blog.mitsucari.com%2Fentry%2F2026%2F02%2F04%2F160536" title="Zero Runtime CSS in JSに乗り換えたのでパフォーマンス測定をしてみた - ミツカリ技術ブログ" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/m/mitsucari/20260201/20260201214953.png Hatena Blog https://hatena.blog 2026-02-04 16:05:36 rich https://tech-blog.mitsucari.com/entry/2026/02/04/160536 1.0 100%