title: Angular dist files huge, causing slow download
body: <p>Ever since upgrading my Angular app to version 5, then version 6, it's been downloading very slowly in the browser, sometimes taking well over 30 or 40 seconds. Though I'm optimizing the build for production, (<code>ng build --prod --build-optimizer --aot</code>), the core files add up to over a megabyte. </p>
  
  <p>The main offenders are </p>
  
  <ul>
  <li><code>main.1acde84f0c61a49d6387.js</code>, which is 831kb, </li>
  <li><code>styles.99d75733e80daf42e5f9.css</code>, which is 269kb, and </li>
  <li><code>0.06cf948c35f50dabe8dc.js</code>, which is 243kb.</li>
  </ul>
  
  <p><a href="https://i.stack.imgur.com/qV7o8.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/qV7o8.png" alt="enter image description here"></a></p>
  
  <p>Are these files typically so large? Any idea how I can trim them down and improve download speed?</p>