马西:我认为这可能是 JAMstack 网站的本质。最终,这取决于您在网站上捆绑的内容。因此,无论您使用什么框架或工具,我们仍然必须仔细考虑为最终用户放入这些捆绑包中的内容。但盖茨比真正的目标是给你良好的默认设置。不仅是为了性能,还为了可访问性。
马西:但这总是需要评估,我们总是必须确保如果我们添加了一些东西,它仍然是高性能的。但是,是的,获得静态文件的初始有效负载,它们加载 B2C 电子邮件列表 速度很快。比我以前使用的经典 WordPress 网站快得多。但随后用 JavaScript 对其进行了增强。肯定存在一些权衡。
马西:但它运作得非常好,很多人都非常喜欢他们的盖茨比网站。因此,全职工作并学习像 Gatsby 这样的 JavaScript 框架的细节是很有趣的。
德鲁:Gatsby 实际上采用了哪些性能功能来加速您的网站?
马西:好吧,通过预取链接,这个客户说的是路由的东西,我想说这可能是最大的一个。使生成渐进式 Web 应用程序变得非常容易。因此,有了一些离线功能,您就可以在离线和 PWA 类型方面挑选您想要的内容。但它们确实使这成为初始体验的一部分,就像您可能从使用清单开始的许多入门示例网站一样,以及制作网站的现代版本。
马西:实际上,这就像不发送您不需要的代码一样。这是其中很大一部分。缓存,这实际上是链接的预取。这就是我想说的最大的一部分。
德鲁:所以这就是网站实际预测用户要去的地方。它是否像那样智能,或者它会预取页面上的所有内容?
马西:不,它基于用户交互。因此,如果用户向下滚动视图端口,就会发生一些预取操作。如果您将鼠标悬停在链接上,它会估计您很有可能访问该页面。我们一直在内部讨论,我想,开源是否也应该在键盘焦点上进行预取,因此可访问性和性能的交集非常有趣。
马西:那里有一些权衡,比如键盘用户是否不能使用鼠标并通过每个链接进行导航,是否应该真正为其中每个链接获取内容,因为鼠标用户可能对位置更有选择性他们把鼠标光标放在了上面。所以,我觉得这些对话非常有趣。
暂无评论