title: gatsby.js: How does content preload work?
body: <p>I do have a question related to <a href="https://www.gatsbyjs.org/" rel="nofollow noreferrer">Gatsby.js</a> or let's say React based static blog systems.</p>
  
  <p>When looking at webpages like <a href="https://stripe.com/" rel="nofollow noreferrer">Stripe</a>, <a href="https://cloud.google.com" rel="nofollow noreferrer">Google Cloud</a> etc., the page seems to load on click. It takes a few milliseconds to load content until it's displayed. With Gatsby.js, as I see the website, content is instantly visible.</p>
  
  <p>Question: Does that mean that Gatsby.js preloads all page contents into the DOM? I have a page with about 10 static pages and 100 blog posts with 5-10 images each. Therefore, I am unsure whether the speed of the system only makes sense for a certain page and content size? Is the tradeoff: Initial page load of the full page (Megabytes?) vs. page load per click (Kilobytes?)?</p>
  
  <p>An easy answer would be appreciated, thanks!</p>