title: Keeping the basic layout same across the web pages
body: <p>I have a website in which I finished with the basic layout, design, fonts, styles, css etc. <br/></p>
  
  <p>For almost whole of the website, the layout i.e the sidebar, the footer, the background etc. will remain the same. There are custom embedded fonts used as well.</p>
  
  <p>Since this basic layout will remain the same all across the website, I wanted to ask how can I prevent downloading of this content (like side-bar, fonts, or javascript etc.) again for the user, so that the other pages after the start do not take as much time as the start page. </p>
  
  <p>I am sure there would be some mechanism since most of the websites have header/footer/sidebar in common across the pages. My website is in plain html/css, and there's no backend being used. Any ideas?</p>