angular - 如何在 Angular2 冻结时对其进行调试 - 良好实践

Question

这是一个双重问题......或者一个是问题，另一个是不知道问题答案的结果......

我有一个 Angular2/4 应用程序，它开始总是在同一个屏幕上冻结...而不是在其他屏幕上...我想知道是什么导致了这个问题...但我不知道如何调试性能Angular 中的问题。有没有办法做到这一点？

除此之外......有没有关于如何避免这种情况的好习惯？我的意思是，何时何地使用 ngOnDestroy，避免/限制使用订阅/可观察对象。不使用 ngZone.. 等...

在我的应用程序中，我使用订阅从 API 调用中获取结果，用于在 URL 中发送参数（如 /product/2），也用于翻译。当我需要对父组件中的子组件进行更改时，我会使用 ngZone。

一些代码示例是：

this.translateService.get('COMPONENT.INVOICE.CONFIRM-VALUES').subscribe(
      data => {
           this.text = data;
      });

this.countryService.get().subscribe( (response : JsonResponse) => {....});

this._route.params.subscribe((params: Params) =>{ ... });

添加一些chrome性能工具的图片：