Angular 通用慢速 TTFB - npm run serve:ssr答案

【问题标题】：Angular Universal Slow TTFB - npm run serve:ssrAngular 通用慢速 TTFB - npm run serve:ssr
【发布时间】：2020-12-16 08:39:11
【问题描述】：

更新：

npm run dev:ssr（TypeScript 版本）运行速度正常，但内置（JavaScript 版本）版本不运行。

TTFB 为 3 秒，而没有 SSR 时为 120 毫秒。我研究了这个错误，发现它可能是由于页面加载超时导致的，我不相信我有。

当我输入npm run serve:ssr 或node dist/dlist-website/server/main.js 启动服务器时会发生这种情况。

我设法在 Windows 10 和 Ubuntu 20.04 上使用不同版本的 NodeJS（v12 和 v14）重现了这一点。

角度版本：

PC 上的网络活动：

【问题讨论】：

【解决方案1】：

通过 SSR 使 TTFB 更大是设计上的正常现象。但是您可以肯定地对其进行优化。首先，我看到您的快递服务器中没有启用压缩。您可以启用 gzip 压缩将其添加到 server.ts ：

import * as compression from 'compression';

const server = express();
server.use(compression());

通过使用 transferState 缓存 api 响应来验证您没有调用 api 两次。

您可以使用 webpack-bundle-analyzer 等插件检查您的应用程序大小

【讨论】：