角度表现、总阻塞时间

Question

在我的 Angular 16 应用程序中，我通过 Checkly 工具和 Chrome Lighthouse 检查性能。

TTL（总阻塞时间得分）完全不同：Checkly 为 287 毫秒，Lighthouse 仅为 60 毫秒。为什么会有这样的差异？而且，如何在 Angular 应用程序中提高该值？

Answer 1

有很多策略：延迟加载、独立组件、指令、纯管道、推送时的更改检测、避免对模板的函数调用、使用（以正确的方式😉）可观察量、仅在需要时订阅 .ts 中的可观察量（如果所以，不要忘记 takeUntil destroy！）...

使用 v17，您将能够使用基于信号的组件处理细粒度的变化检测。

这些只是我想到的事情。

希望能帮到你！

Answer 2

为什么会有这种差异？

在查看绩效指标时，有很多因素。它们取决于当前连接、您正在测试的设备、应用程序状态，有时状态甚至存在一定的随机性。

当您在同一台计算机上运行 Lighthouse 分数和指标时，它们也会有所不同。

通常，在查看实验室测试结果时，不要比较不同的环境（本地 Lighthouse 和 Checkly 是实验室测试，因为您运行它们），这一点很重要。选择一个环境并尝试提高该环境中的数字，以便您可以比较结果。并看到有意义的结果。