从 Angular Universal 禁用内联 CSS

Question

在具有 angular 通用结果的服务器上呈现正确页面的站点，目前一切顺利。但是页面的源代码因内联 css 而过载（超过 50% 的文档 > 500kb），这导致下载时间变慢，例如在慢速连接上。我知道内联 css 应该减少闪烁和快速的首次绘制，无论如何下载时间加起来那么多，该技术不值得流量。

是否有任何 option/configuration 来禁用或显着减少内联 css？

设置：

• Angular 8.2.14
• Angular 通用 8.1.1

Answer 1

我意识到我没有想到任何解决方案。我不认为 DOM 元素和生成的 css 之间存在强绑定，但不幸的是它是（例如 .header-wrapper[_ngcontent-sc1]）。

删除 css 会导致页面几乎没有 css。在几天到一周的工作中通过 css 重建它。因此，应该减少 css 绑定以获得更轻的文档结构，然后禁用 binding/generation（如果有的话）。