Firebase 功能与 Angular Universal 页面加载时间较慢

问题描述 投票:0回答:1

我创建了一个 Angular 应用程序,并使用 Angular Universal 进行 SSR。在现代 Angular 部署之后,我使用 Firebase 托管和功能部署了应用程序,如本文中所述 (https://medium.com/@d.gerbede/angular-ssr-with-universal-and-firebase-e68e3989b8ff)。这是否是最好的方法是可以讨论的,但由于我也使用该套件作为 firestore 并为我的 api 使用函数,所以保留它对我来说是有意义的。

功能符合预期,但使用 firebase 函数和托管的页面文档加载时间非常慢(7-15 秒)。 经常尝试重新加载,大部分时间约为 9 秒,有时(很少)最低为 4 秒。

查看 firebase 日志就可以确认处理时间很长: (由于选择器错误而导致的日志不必担心。我在运行模拟器时也会得到它们,这似乎是与 Universal 相关的库之一的已知问题。)

当我在模拟器中运行我的应用程序时,我得到了非常快的结果(文档加载大约 200 毫秒)。这一事实让我认为,我使用的代码本身和逻辑不应该产生问题。

最初我认为这与我为 firebase 功能和 firestore 选择的区域有关 - 但我创建了一个新项目,确保该区域位于欧洲 - 这没有任何可识别的效果。

任何人都可以帮我进一步调查问题所在吗?

提前感谢大家! :)

angular firebase google-cloud-functions firebase-hosting angular-universal
1个回答
0
投票

我通过使用 firebase 函数 v2 而不是 v1 修复了同样的问题。

const functions = require('firebase-functions/v2');

只需切换到版本 2 API,我的应用程序的加载时间就从 5-10 秒缩短到 1 秒。

我希望这有帮助

© www.soinside.com 2019 - 2024. All rights reserved.