gpt4 book ai didi

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

转载 作者:太空宇宙 更新时间:2023-11-04 06:35:10 30 4
gpt4 key购买 nike

我正在寻找使用服务器端渲染来设计 React 应用程序样式的最佳实践。

我看到了不同的选择,例如使用 SASS 等预处理器或将样式放入 JS 代码(例如 JSS、styled-components 等)

围绕 JSS,我看到它将样式放在 HTML 中的 head 部分。我只是使用以下示例来查看行为:

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

这不会阻止浏览器将 CSS 缓存到 head 部分,从而增加连续的页面加载时间吗?有什么方法可以使用 JSS 将样式设置到外部文件,以便浏览器可以缓存它?

最佳答案

您在该示例中看到的是 Critical CSS。它只是专门用于该 View 的 CSS,它不应该被缓存,它比以阻塞方式加载外部资源更快并支付延迟。

关键 CSS 在这里是一种实际的性能优化。

关于javascript - CSS-in-JS 不会阻止浏览器进行 CSS 缓存吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54304944/

30 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com