如何调整Angular2的流程 - 良好实践

Question

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

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

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

在我的应用程序中，我使用订阅获取API调用的结果，对于params发送的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性能工具的一些图像：