由Lighthouse测量的Hello World Angular CLI(为什么慢而且巨大？)

Question

是否需要对Angular CLI Hello World应用优化,还是这是一个有效的"性能"结果？

在将Lighthouse应用于我们的live angular 4项目时,我们将与Angular CLI Hello World进行了比较.

从控制台:

npm install -g @angular/cli
ng new my-dream-app
cd my-dream-app
ng serve --prod

在Chrome中 - > F12 - >审核 - >运行灯塔.

• 表现为39/100.
• 第一个有意义的油漆是15,250毫秒
• 感知速度指数:15,248(目标:<1,250)
• 拥有巨大的网络负载:总大小为2,453 KB(目标:<1,600 KB)

更新1

感谢@Moshe,使用:

ng serve --prod --build-optimizer

提供以下内容: - 性能为96/100. - First Meaningful Paint是2,040ms - 感知速度指数:2,054(目标:<1,250); 等级92/100

最终难以形成一个单一,简明的问题.我理解 ng serve 不是为了生产使用,即使使用ags ..但这允许我在发布之前在我的localhost上进行测试.

Answer 1

试试这个:

ng serve --prod --build-optimizer

build-optimizer flag是一个基于CLI构建的新的树形抖动方法.