子路线上的 Angular 通用慢渲染

Question

我一直在用 Ng15 构建一个 Angular Universal 应用程序。在经历了一些奇怪的事情之后，我试图调试为什么某些页面很慢，但最后只是简单地将它隔离到页面是默认路由或子路由的事实

 const routes: Routes = [
   { path: '', component: HomePage },
   { path: 'samesame', component: HomePage }
 ]

我已经将我的整个应用程序缩减为只有两个页面，它们呈现相同的组件。

当我请求

localhost:4000

关闭 JS 时，我得到 60-70 毫秒的渲染时间，完美。如果我然后导航到

localhost:4000/samesame

我得到1500-2200ms的渲染时间，即可怕。

curl -w "%{time_total}s\n" -o /dev/null -s "http://localhost:4000"
0.055160s

curl -w "%{time_total}s" -o /dev/null -s "http://localhost:4000/samesame"
2.288066s                   

使用 javascript 运行时一切都很好，因为它依赖于不通过 Angular Universal 的 API 调用。

我查看了大量代码和错误报告，但似乎没有任何内容表明路由存在问题。没有渲染速度问题，因为相同的组件（无论是否为空）在基本路线中完美呈现。