通过将CSS拆分为多个文件(按@media条件)实现显著的性能改进

当 CSS 被打包到一个文件中时,即使经过 tree-shaking,由于不同的 @media 上下文(移动、平板、桌面、深色/浅色/其他主题等),它仍然包含大量未使用的 CSS。

这对核心 Web 指标不利。按 @media 条件拆分 CSS 可以极大地提高性能。

更多信息:

请考虑在 Discourse 中实现此优化。目前,这个问题是我决定不切换到 Discourse 的原因。

请注意,根据 pagespeed insights 的建议,对于 Discourse 论坛,“减少未使用的 CSS”和“消除渲染阻塞资源”(在您的情况下,所有 CSS 都属于此类)是排名第一和第二的建议。

感谢您出色的工作!

2 个赞