javascript - Gatsby 的客户端路由 - 我的客户端渲染页面仍然受益于 Gatsby 的哪些功能？

Question

我建立了一个使用 gatsby 处理静态内容的小型站点，但是对于一些需要在客户端呈现的内容，我使用了 client-only routes in gatsby .

我不确定我是否完全理解它是如何工作的——假设我有一个页眉、页脚和我在静态站点中使用的字体。在我的仅限客户端的路线上，我使用相同的页眉、页脚和字体。 以前在我的静态组件中使用过这些元素，我会受益吗？ 例如，字体是否正在重新加载？

基本上，我想知道我的客户网站内容现在失去了什么 Gatsby 功能，以及我应该多注意什么，因为 Gatsby 不会再为我处理这个问题了。特别是在页面速度方面。

Answer 1

是的，您应该从已经使用过这些组件和字体中受益。
被重用的 React 组件已经在一个 JS 包中，你已经发送给用户，不需要再次获取。字体文件也是如此 - 但这些将是 Assets 文件 - 不在 JS 包中。
查看正在获取的内容的最佳方法是在浏览器中对其进行测试。

加载静态页面

在开发工具

中打开网络选项卡

导航到仅限客户端的页面并检查网络事件

虽然这些 Assets 不应该被获取两次，但我可以想象一些不正确的设置会获取它们两次的情况 - 所以最好仔细检查一下。