CSS-in-JS不会阻止浏览器进行CSS缓存吗？

Question

我正在寻找最佳实践，以样式反应应用程序与服务器端渲染。

我看到了不同的选择，比如使用像SASS这样的预处理器，或者将样式放入JS代码中，比如JSS，样式组件等。

在JSS中，我看到它将样式放到HTML中的head部分。我只是使用下面的示例来查看行为：

https://github.com/cssinjs/examples/tree/gh-pages/react-ssr

它不会阻止浏览器缓存CSS以将其放入head部分，从而增加连续的页面加载时间吗？有没有办法使用JSS将样式放到外部文件中，以便浏览器可以缓存它？

Answer 1

您在该示例中看到的是关键CSS。它只在视图上专门使用CSS，它不应该被缓存，它比以阻塞的方式加载外部资源更快，并以延迟为代价。

Critical CSS在这里是一个实际的性能优化。