gatsby.js:内容预加载如何工作?

Chr*_*her 2 reactjs gatsby

我有一个与Gatsby.js相关的问题,或者说基于React的静态博客系统.

在查看Stripe,Google Cloud等网页时,该页面似乎会加载点击.加载内容直到显示为止需要几毫秒.通过Gatsby.js,当我看到网站时,内容立即可见.

问题:这是否意味着Gatsby.js将所有页面内容预加载到DOM中?我有一个包含大约10个静态页面和100个博客文章的页面,每个页面有5-10个图像.因此,我不确定系统的速度是否只对某个页面和内容大小有意义?是权衡:整页的初始页面加载(兆字节?)与每次点击的页面加载(千字节?)?

一个简单的答案将不胜感激,谢谢!

Kyl*_*ews 8

盖茨比在客户端上呈现页面.因此,当它预取其他页面时,它不会为页面预加载HTML&JS和图像等,而是预取这些页面所需的数据(有时是代码).这不包括这些页面的图像或可能需要的其他资源,例如.字体文件.

这意味着Gatsby的预取非常轻巧,可以毫无问题地使用您的网站类型.

重要的是要记住,盖茨比不会预取整个网站.它只预取用户所在页面链接的页面.因此,即使在非常大的网站上,盖茨比也不会预取那么多.