【问题标题】:Angular Universal TTFB is very slowAngular Universal TTFB 非常慢
【发布时间】:2019-12-13 11:51:53
【问题描述】:

当我使用 Angular Universal 运行我的应用程序时,我发现 TTFB 存在巨大差异。 ssr 比正常的角度命令花费更多的时间。如何通过 Angular 通用服务器端渲染改进 TTFB?

npm run serve:ssr

性能标签:

ng serve

查看了很多网站,但直到现在还没有在互联网上找到任何相关的解决方案。

【问题讨论】:

  • 打开开发工具的Performance 选项卡,记录加载并查看它显示的内容。
  • @c69 添加了性能选项卡的屏幕截图。

标签: angular angular-universal angular-devkit


【解决方案1】:

您的 setTimeout 或 http 调用似乎需要花费太多时间才能完成,并且在所有调用完成之前,Angular Universal 不会为网页提供服务。

我建议你,如果超时或 http 调用不是渲染网页所必需的,请避免在服务器端调用。

【讨论】:

    【解决方案2】:

    我遇到了同样的问题,我通过删除所有 setTimeoutsetInterval 来解决它

    如果你需要使用超时,你可以使用这个函数来代替常规的setTimeout

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

    【讨论】:

    • debounceTime() 做得不对,但 delay() 工作正常
    • 我已删除 setTImeout 功能,但网站仍在同时加载.. 如果我将 settimeout 时间增加到 10 秒.. 10 秒后页面加载...请帮助
    • @pina0_M4n 请指教
    • @VenkaTeshuser5397700 你错过了一个。检查您正在加载的 npm 包,检查导入的服务。其他一些库有超时
    • @Pian0_M4n 我使用 Visual Studio 代码进行了搜索。我在库中没有看到任何 settimeout 函数...
    猜你喜欢
    • 2019-12-01
    • 1970-01-01
    • 2020-12-16
    • 1970-01-01
    • 1970-01-01
    • 2021-05-12
    • 1970-01-01
    • 2016-06-15
    • 1970-01-01
    相关资源
    最近更新 更多