CSSをJSファイルにバンドルする

[syuilo]

いつからかコンポーネントなどのCSSがJSとは別にダウンロードされるように変わっているが、特にそうしなければならない理由がなければJSにバンドルした方がリクエスト数が減る

また、Misskey Webアクセス時、稀にCSSが中途半端にしか適用されていない状態が一瞬表示されることがあるのもバンドルにより解決する可能性がある

[kakkokari-gtyih]

ブラウザにCSSとして直接解釈させたほうがCSSの読み込み自体が早く済むのか、それともJS経由で差し込んでも大して時間に影響が出ないかは考えどころ

[syuilo]

検証のためにもとりあえずバンドルしたいけど設定がいまいちよく分からん

[kakkokari-gtyih]

#16968 のほうでAIに指摘されているけど、

• JS-injected CSS may cause FOUC (Flash of Unstyled Content) until JS executes
• Single CSS file still requires separate HTTP request but easier to cache
• With HTTP/2 multiplexing, multiple small files may not be a significant issue

なのでやるべきじゃないかもしれない（特に一つ目、先にJSが読み込まれ実行される流れの中でCSSの読み込みが始まるせいでCSSがJSのHTML内容の変更に間に合わず一瞬スタイルが適用されず、その直後にスタイルの再適用(再計算)が走るという構成になり、レンダリングの負荷が高まる可能性がある）

[syuilo]

CSSが読み込まれるまでコンポーネントのレンダリングはされないと思うからそのような可能性は無いと思われる
繰り返すけども、以前はCSSもバンドルされていたけど特に何の問題もなかった
むしろ論理的にはJSとCSSが分離されている方が「CSSがJSのHTML内容の変更に間に合わず一瞬スタイルが適用されない」といった問題は起き得る

[syuilo]

(普通に考えても本来不可分なものが分離されていて、害になることはあっても益になることはそんなにない)

[syuilo]

Misskey Webアクセス時、稀にCSSが中途半端にしか適用されていない状態が一瞬表示されることがあるのもバンドルにより解決する可能性がある

[syuilo]

まだViteでバンドルされない理由が明らかになっていない(AIの言っていることは少なくともMisskeyのユースケースではあまり正しくない)