title: How can I improve load performance of Angular2 apps?
body: <p>Angular2 app is loading slow, how can I improve the performance on load?</p>
  
  <p>I use Angular2, typescript with html5.</p>
  
  <p>currently my app takes 4 seconds to load.
  I host with Firebase and use cloudflare.</p>
  
  <p><strong>Things I'm doing / info:</strong></p>
  
  <ul>
  <li>I've compressed images.</li>
  <li>I minify css</li>
  <li>I minify js.</li>
  <li>I use async on my scripts.</li>
  <li>My scripts are in my .</li>
  <li>The scripts are around 700kb</li>
  <li>I used google speed test and get 65%</li>
  <li>I used minified version of the libs I use e.g. bootstrap etc.</li>
  <li>Using systemjs.</li>
  <li>This is the seed app im using: <a href="https://github.com/mgechev/angular-seed">https://github.com/mgechev/angular-seed</a></li>
  </ul>
  
  <p><strong>Flow:</strong></p>
  
  <p>When the app loads it shows a blue screen (this is the bootstrap css) and then 4 seconds later the app loads and works really fast. But takes 4 seconds to load. It seems the app.js file that systemjs minifies to is slowing the whole app, and not showing the views fast enough.</p>
  
  <p><strong>This is my website speed test:</strong> 
  <a href="https://www.webpagetest.org/result/161206_F5_N87/">https://www.webpagetest.org/result/161206_F5_N87/</a></p>
  
  <p><strong>This is my website:</strong> </p>
  
  <p><a href="https://thepoolcover.co.uk/">https://thepoolcover.co.uk/</a></p>
  
  <p>Let me know if you need more information about my app and any other things I can do.</p>