样式组件再水化成本高吗？

我正在为 SSR 使用 nextjs。我正在使用这个技术在服务器端渲染样式。因此，当 DOM 被下载时，它不仅会获取 HTML，还会获取它需要在样式标签中绘制的所有 CSS。

一旦 HTML 被解析，它就会开始绘制 - 到目前为止很好，一旦 JS 被下载和解析，问题就开始了。特别是_app.js，styled-components删除现有样式，参考。

这如何影响性能？

我的共识：

• FCP和LCP将因重绘而延迟
• 由于浏览器忙于绘制和重绘，主线程被阻塞，可能无法处理用户交互，最终导致帧率下降。

路由更改时是否会发生同样的事情，因为它会拉取新的 JS 文件并编译和设置样式。这是样式组件的成本吗？