title: I have 6 components in my angular 4 project to load at first time. Is there any way not to load all components at a time?
body: <p>All 6 components are 
   1. header,
   2. Topbanner
   3. WhytoUSe
   4. Slider
   5. WhatweDo
   6. Footer</p>
  
  <p>Picture Link of my website:</p>
  
  <p><a href="https://i.stack.imgur.com/pj3nZ.jpg" rel="nofollow noreferrer">https://i.stack.imgur.com/pj3nZ.jpg</a></p>
  
  <p>Many times user stick to the components 1 and 2. They don't scroll down. How can I manage if any user scrolls down then only rest of the components will be loaded?</p>