Angular noscript Style Loading

Question

since Angular 12 Angular does render the following to load Stylesheet Files:

< link rel="stylesheet" href="styles.4285903a79a25b170478.css" media="print" onload="this.media='all'">
< noscript>< link rel="stylesheet" href="styles.4285903a79a25b170478.css"></ noscript>

Is that correct?

If this is correct, how can i disable this? My Application does look really wired when the Internet connection is bad the first couple seconds.

Answer 1

This can be controlled by the following angular.json config:

"optimization": {
  "scripts": true,
  "styles": {
    "minify": true,
    "inlineCritical": false
  },
  "fonts": true
}