建立优化角度应用的准则/方法是什么？

Question

这可能是一个广泛的问题。但是没有任何资源可以显示构建角度应用程序的正确方法或更好的方法。

我的问题是，构建更快/更好的角度应用程序以获得更好性能的建议方法是什么？

Answer 1

好吧，我将列出一些您在构建角度应用程序时可以适应的提示/技巧。以下是一些可以使您的角度应用程序运行更快的提示

1. 使用产品构建应用 例如：

   -ng build --prod

   -ng build --prod --source-map

   -npx source-map-explorer main.bundle.js

2. 使用延迟加载

   • 下载启动应用程序所需的唯一代码
   • 使用CanLoad保护器来中介导航
   • 使用 PreloadAllModules 策略重新加载所有模块（受CanLoad保护的模块除外）

3。考虑服务器端渲染

4。更快地检测每个变化

5。使用纯管道代替方法

ex 根据每次更改检测计算

<span>{{ relativeDate(tweet.createdAt) }}</span>

仅在更改值时计算

<span>{{ tweet.createdAt | relativeDate }}</span>

6。在ngFor循环中使用trackBy

这里还有一些guidelines，您可以在对Angular应用程序进行代码审查时遵循它们。

Answer 2

1. 尝试使用延迟加载。通过分成多个模块。
2. 尝试使您的应用程序模块尽可能小巧。
3. 尝试使用ServiceWoker进行后台加载。
4. John Papa拥有有关Angular Guidelines的出色文档。通读它们https://github.com/johnpapa/angular-styleguide