tanashun_dev https://blog.hatena.ne.jp/tanashun_dev/ ミツカリ技術ブログ https://tech-blog.mitsucari.com/ Next.js CSS StyleX ミツカリのたなしゅん(@tanashun_dev)です。 皆さんは、emotionなどのCSS-in-JSライブラリを使っていて、ランタイムのスタイル生成オーバーヘッドが気になったことはありませんか？ 昨今のエンドユーザの端末はスペックがどんどん高くなっているので、msレベルのオーバーヘッドであることが多く、人が検知できるレベルでパフォーマンスが悪いということはあまりないですが、LPのようなSEO評価のされるページだったりするとパフォーマンスの検査員は人ではなく機械なので、ページ読み込み時にJavaScriptでスタイルを生成・注入する処理が、評価に影響を与えることがあります。 最近のフロント… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Ftech-blog.mitsucari.com%2Fentry%2F2026%2F02%2F03%2F143631" title="Next.jsプロジェクトにStyleXを導入してemotionと共存させるまでの道のり - ミツカリ技術ブログ" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2026-02-03 14:36:31 rich https://tech-blog.mitsucari.com/entry/2026/02/03/143631 1.0 100%