为什么 res.render in Angular Universal 需要这么长时间？

Question

我正在构建一个 Angular 通用应用程序，我现在所拥有的只是网站的结构。我做了教程中有关为 Angular Universal.

转换我的应用程序的所有操作

console.log("got Request " + new Date());
res.render(join(DIST_FOLDER, 'browser', 'index.html'), { req , time: true}, 
   function(err, html) {
      console.log("finished Rendering " + new Date());
      res.send(html);
   }   
);

渲染需要 3 秒半。这对我来说似乎是一个巨大的时间。同样在 Chrome 的 DeveloperTools 中，TTFB 为 3.5 秒。除了路由之外，该应用程序还没有做任何事情。我不希望我以后的应用程序这么慢。

任何人都知道这是正常现象还是需要改进？ Github 有问题的回购 https://github.com/Joniras/slow-universal-rendering-example

设置工作区和运行 angular-通用：

npm install   
npm run build:universal   
npm run serve:universal

Versions:
Angular CLI: 1.5.0
Node: 6.11.5 OS: win32 x64 Angular: 5.0.1 ... animations, common, compiler, compiler-cli, core, forms ... http, language-service, platform-browser ... platform-browser-dynamic, platform-server, router @angular/cdk: 5.0.0-rc0 @angular/cli: 1.5.0 @angular/flex-layout: 2.0.0-beta.10-4905443 @angular/material: 5.0.0-rc0 @angular-devkit/build-optimizer: 0.0.33 @angular-devkit/core: 0.0.20 @angular-devkit/schematics: 0.0.35 @ngtools/json-schema: 1.1.0 @ngtools/webpack: 1.8.0 @schematics/angular: 0.1.3 typescript: 2.4.2 webpack: 3.8.1 express 4.16.2
i had to style as code because otherwise i couldnt post

Answer 1

您的代码 (UserService) 中有 3000 毫秒的超时

setTimeout(() => {
          resolve(this.loggedInUser);
        }, 3000);

为什么 res.render in Angular Universal 需要这么长时间？

Why is res.render in Angular Universal taking so long?

node.js

express

angular-universal

angular

angular5