加载具有多个获取请求而不是一个获取请求的角度页面的优缺点是什么？

Question

我有一个植物详细信息页面，其中包含植物数据、一个显示附属链接产品描述轮播的附属链接组件和一个显示详细信息页面的 cmets 的组件。

我希望这样的页面能够快速加载，因为这可能会提高我的网站在谷歌上的排名。考虑到这一点，我正在考虑对 3 个组件发出多个获取请求，首先对植物数据进行获取请求，然后是附属链接数据，最后是 cmets。

这会导致页面加载速度更快吗？我问这个是因为在这个stackoverflow线程Very large HTTP request vs many small requests 有人提到，使用多个小的 get 请求而不是一个大的 get 请求会导致分配开销，从而使加载总体上变慢。

我还有一个小问题：如果我想让不同的组件并行加载，我应该在 html 模板页面中为页面中的affiliatelink 和 cmets 组件使用 async 关键字吗？不同的get请求呢，可以并行发送还是一次只能发送一个？

谢谢

Answer 1

HTTP 请求通常是异步的。这意味着，它们不会阻止您的浏览器执行线程（浏览器是单线程的）来等待接收数据。话虽如此。最好让它们平行。

但这完全取决于您提出这些请求的方式以及以后的请求是否依赖于前者。

如果您的 PlantDataComponent、AffiliateLinkComponent 和 DetailsPageCommentsComponent 是同级组件，则可以将它们全部一起加载。为此，您必须对它们各自的服务进行并行 API 调用。

但是，如果其中一个组件要在前一个组件的用户交互之后显示，那么您应该等待该用户交互，从而延迟加载数据。希望这是有道理的。