Angular Universal的TTFB非常慢

Question

当我使用Angular Universal运行我的应用程序时，我发现TTFB存在很大差异。SSR所需的时间比普通的Angular命令长。如何通过Angular Universal服务器端呈现来提高TTFB？

npm run serve:ssr

性能标签页：

ng serve

查阅了许多网站，但迄今为止仍未找到任何相关的解决方案。

- Keyul

---

打开开发者工具的“性能”选项卡，记录加载并查看它显示了什么。 - c69

@c69 添加了性能选项卡的截图。 - Keyul

这非常令人恼火，他们告诉你SSR和Angular Universal是解决方案，但当你尝试它们并遇到缓慢时，你找不到任何资源来帮助。 - Kardon63

Answer 1

我曾遇到同样的问题，并通过删除所有 setTimeout 和 setInterval 来解决它。

如果需要使用超时，您可以使用此函数代替常规的 setTimeout

export function setTimeout$(cb: () => void, timer: number) {
  of(true).pipe(debounceTime(timer), first()).subscribe(cb);
}

- Pian0_M4n

---

debounceTime() 没有做好它的工作，但是 delay() 运行良好。 - Lars

我已经删除了setTimeout函数，但网站仍然在同一时间加载...如果我将settimeout时间增加到10秒...页面将在10秒后加载...请帮忙。 - Venka Tesh user5397700

@pina0_M4n，请给予建议。 - Venka Tesh user5397700

@Pian0_M4n 我使用 Visual Studio Code 进行了搜索，但在库中没有看到任何 settimeout 函数... - Venka Tesh user5397700

也许是时间间隔？ - Pian0_M4n

Answer 2

看起来你有一个setTimeout或http调用需要太长时间才能完成，而angular universal在所有调用完成之前不会提供web页面。

我建议你如果超时或http调用对于呈现网页不是必要的，在服务器端避免这个调用。

- RafaGomez

---

我有同样的问题，但如果我的主页有多个请求，而且请求需要例如4秒才能完成（在缓慢的3G上），那么为什么加载网站需要14秒。 - Kardon63