【问题标题】:How many ways are there to increase the performance in angular? [closed]有多少种方法可以提高角度性能? [关闭]
【发布时间】:2020-04-23 18:18:52
【问题描述】:

我是 Angular 前端开发人员,我是测试运行时性能的新手。

为了检查性能,我下载了谷歌插件“Performance-Analyser”。我得到的表演时间如下。

对于 DOM 处理本身,需要 5.4 秒。

(对于我们的项目,我们使用 angular 6。)

谁能告诉一些提高性能的技巧。也请给我一些链接??

有人可以帮助我吗?

【问题讨论】:

  • 在 Google PageSpeed、google lighthouse 上检查您的网站...他们会给出分数和要修复的问题以及如何修复它们

标签: angular user-interface angular6 angular7 performance-testing


【解决方案1】:

有一些操作可以优化您的应用程序,例如:

  1. 构建优化https://github.com/angular/angular-cli/tree/master/packages/angular_devkit/build_optimizer

  2. 使用延迟加载的模块

  3. 对于运行时性能,使用 OnPush 更改检测仅在输入更改时运行更改检测,并且不要忘记取消订阅您的 observables
  4. 保留空格以删除所有空格

    "angularCompilerOptions": { “保留空白”:假 }

  5. 您可以升级到较新版本的 Angular 并使用 Ivy 渲染引擎 more details

  6. 启用Gzip压缩https://varvy.com/pagespeed/enable-compression.html
  7. 服务器端渲染:在服务器上渲染应用程序的第一页可以提高性能、速度和加载时间

  8. 您可以使用 webpack Bundle Analyzer 进行性能分析,以删除捆绑包中未使用的项目link here

【讨论】:

猜你喜欢
  • 1970-01-01
  • 2016-10-23
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2018-08-09
  • 2012-09-13
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多