,这不是什么秘密了角的,如果不是,使用最广泛,现代和可靠的框架构建可用于任何web应用程序。社区支持和事实是由google web开发人员只帮助这张照片。

有大量的应用程序已建立使用各种版本的角和许多被构建。

在我有限的经验我已经注意到,尽管许多使用角最优的方式,它是通常在开箱即用的解决方案。现在,这可能似乎工作得很好,随着应用程序的发展到更多的企业解决方案,优化您的应用程序的需要。

web性能优化的a - z已经由角的应用程序包本身,所以可能出现问题可以做什么?

我收集了下面的列表,这是完全基于我的经验,这帮助我提高我的角的性能被广泛应用

1。延迟加载

。从角一个开箱即用的解决方案,这是一个常见,但很少使用的功能。

b。延迟加载技术instructurs应用程序包和浏览器加载相关的所有文件X模块仅在需要时。

c。例:您的应用程序包含5逻辑模块如下

我回家betway娱乐官网。

二世。管理

三世。指示板

四、设置

诉用户管理

d。反过来这些模块包含多个组件按照业务需求

e。通常情况下,当应用程序捆绑在一起,所有的模块和组件将捆绑和装在一起。

f。如果这些模块是懒加载即只在需要时装载(基于任何事件),然后只会加载默认模块,将立即改善你的加载时间5 x。

2。从可见退订

。另一个常见的做法而不是广泛应用由于缺乏知识或由于糟糕的做法。

b。一般角应用程序是基于可见的订阅模式和主题。

c。当一个主题是订阅,它开辟了一个流的数据传输将保持开放,直到手动关闭。

d。不少用户在适当的事件将帮助这些订阅

我。避免内存泄漏

二世。更好的性能管理

三世。避免不必要的HTTP调用。

四、取消等待HTTP调用,不需要了。

3所示。使用纯管道

。简单说,避免使用不洁的管道,因为它会增加负载角变化检测机制和与之关联的性能成本不足够对它添加到应用程序的价值。

4所示。使用打印稿出口出口常见的可重用的功能

一。按照这个文章临近夏鲁寺沙玛,我们几乎可以出口任何使用打出的导出功能

b。使用这些知识,我们可以简单的找到冗余/复制的代码片断在整个系统中,我们可以从打印稿文件导出

不仅c。这将有助于减少文件的大小,但也帮助在维护应用程序,因为他们曾经想要重复的代码吗?

5。使用trackBy选择与循环

一个小但是功能强大的技术

b角ngFor通常用于数组但这些数组对象数组

c使用trackby只告诉变化检测检测指令如果提到对象属性的变化改变了。

6。避免任何计算模板(html)文件。应该发生在TS文件

。任何计算模板文件将只执行几乎任何变化检测在生命周期的循环。

b。增加,是一个逻辑块的计算组件将强烈绑定到视图添加浏览器性能压力。

7所示。使用动态组件对于自定义模态,日期选择器,手风琴

这些只是几个例子。但是是在需要的基础上使用动态组件将有助于应用程序在分子层面上什么延迟加载模块的水平。

8。使用canLoad而不是canActivate为了避免加载模块

a . canLoad应该与使用延迟加载,因为它有助于通知的引导装载程序组件的懒加载模块应该加载在内存中表示条件是否满足。

9。使用ng-template, ng-container

,总是比超级实施应用程序中的div。

10。使用服务工人,网络工作者

。与任何web应用程序总是好利用现代HTML5工人利用浏览器的权力。

11。使用OnPush变化检测组件,这样你就可以控制变化检测和它有助于减少不必要的重新呈现。

在角性能优化时,没有一刀切。以上只是几个例子,可以使用不同的技术来更好的改善已经强大的角web开发框架。