我有一个与Gatsby.js相关的问题，或者让我们说基于React的静态博客系统。
在查看Stripe，Google Cloud等网页时，该网页似乎会在点击时加载。加载内容需要几毫秒才能显示。使用Gatsby.js，当我看到网站时，内容立即可见。
问题：这是否意味着Gatsby.js会将所有页面内容预加载到DOM中？我有一个包含大约10个静态页面和100个博客文章的页面，每个页面有5-10个图像。因此，我不确定系统的速度是否只对某个页面和内容大小有意义？是权衡：整页的初始页面加载（兆字节？）与每次点击的页面加载（千字节？）？
一个简单的答案将不胜感激，谢谢！
答案 0 :(得分：8)
Gatsby在客户端上呈现页面。因此，当它预取其他页面时，它不会预加载HTML＆amp; JS＆amp;页面的图像等，但它预取只是这些页面所需的数据（有时是代码）。这不包括这些页面的图像或可能需要的其他资源，例如.. font files。
这意味着Gatsby的预取非常轻量级，可以毫无问题地用于您的网站类型。
重要的是要记住，盖茨比不会预取整个网站。它只预取用户所在页面链接的页面。因此，即使在非常大的网站上，盖茨比也不会预取那么多。