Angular 2 - 在页面之间移动会导致缓慢

Question

我们在 Angular 2（版本 4.1.3）中有一个大项目。 我们的主要问题是在页面之间移动会导致缓慢。 如果我们刷新页面，一切正常。

我知道这个问题有问题，但是你能给我一些想法吗？

我们使用的是 Angular Cli 1.0.0 版

Answer 1

您的应用程序似乎是 SPA（单页应用程序）。在 SPA 中，当您在其他页面中导航时，DOM 会在每次访问下一页时变得更重。因此，您必须研究如何保持 DOM 的轻量级。

检查以下几点：

• 如果您使用了选项卡控件，则仅加载活动选项卡内容，其他选项卡内容不应存在于 DOM 上。
• 如果配置了任何弹出窗口，请确保它仅在打开时加载正文。
• 弹出窗口、警报等常用组件应定义一次并全局访问