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

发布时间：2020-12-17 06:49:36 所属栏目：安全来源：网络整理

导读：是否需要对Angular CLI Hello World应用优化,还是这是一个有效的“性能”结果？在将Lighthouse应用于我们的live angular 4项目时,我们将与Angular CLI Hello World进行了比较. 从控制台： npm install -g @angular/cling new my-dream-appcd my-dream-appng

是否需要对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.
? – 第一个有意义的油漆是2,040毫秒
? – 感知速度指数：2,054(目标：<1,250);等级92/100 最终难以形成一个单一,简明的问题.我知道ng服务不是用于生产用途,即使使用ags ..但这允许我在发布之前在我的localhost上进行测试.

解决方法

试试这个：

ng serve --prod --build-optimizer

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!