从 Angular Universal 禁用内联 CSS

Question

在服务器上使用 Angular Universal 渲染站点会在正确的页面中生成，到目前为止一切顺利。但是页面的源代码被内联 css 超载（超过 50% 的文档 > 500kb）导致下载时间缓慢，例如在慢速连接上。我知道内联 css 应该减少闪烁和快速的首次绘制，无论如何，下载时间加起来这么多技术不值得流量。

是否有任何选项/配置可以禁用或显着减少内联 css？

设置：

• Angular 8.2.14
• Angular 通用 8.1.1

Answer 1

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

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