有多少种方法可以提高角度性能?

问题描述 投票:0回答:1

我是一名有经验的前端开发人员,并且我是测试运行时性能的新手。

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

enter image description here

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

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

谁能告诉一些提高性能的提示。还请给我一些链接?

有人可以帮我吗?

angular user-interface angular6 angular7 performance-testing
1个回答
2
投票

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

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

  2. 使用延迟加载的模块

  3. 为了获得运行时性能,仅当输入发生更改并且不要忘记退订可观察对象时,才使用OnPush更改检测来运行更改检测
  4. 保留空白以删除所有空白

    “ angularCompilerOptions”:{“ preserveWhitespaces”:false}

  5. 您可以升级到更新版本的angular并使用Ivy Render Engine more details

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

  8. 您可以使用webpack捆绑软件分析器进行性能分析,以删除捆绑软件link here

    ]中未使用的物品
  9. enter image description here

© www.soinside.com 2019 - 2024. All rights reserved.