删除服务器端注入 CSS
Removing server-side injected CSS
在如何使用 Material UI 和 Next.js 的 this 示例中,他们删除了组件安装时服务器端注入的 CSS浏览器。这样做有什么好处?
当涉及 SSR 时,这更像是 JS 构造中的 CSS。客户端重新水合后,它会添加该视图所需的任何新样式,但是不会删除任何以前打印的样式,它们只是简单地删除它们,
- 用户登陆页面 A - 出于性能目的,页面 A 的 SSR 可能呈现内联。
- 用户转换或移动到页面 B,它与之前的 SSR 渲染有冲突 CSS,可能会导致副作用或根本不需要样式对象。
在如何使用 Material UI 和 Next.js 的 this 示例中,他们删除了组件安装时服务器端注入的 CSS浏览器。这样做有什么好处?
当涉及 SSR 时,这更像是 JS 构造中的 CSS。客户端重新水合后,它会添加该视图所需的任何新样式,但是不会删除任何以前打印的样式,它们只是简单地删除它们,
- 用户登陆页面 A - 出于性能目的,页面 A 的 SSR 可能呈现内联。
- 用户转换或移动到页面 B,它与之前的 SSR 渲染有冲突 CSS,可能会导致副作用或根本不需要样式对象。