Angular JS应用程序在Internet Explorer浏览器上加载需要3分钟

时间:2016-02-05 03:18:45

标签: angularjs angularjs-directive angular-ui-router angularjs-ng-repeat internet-explorer-11

背景

我使用angularjs构建了一个工具。用户能够基于数据查看动态页面。页面可能非常长,其中包含许多不同类型的字段。应用程序中使用了许多各种angularjs组件。

问题:

如果用户拥有大量数据(显示在各种输入数据/日期字段等中;大约500个字段),那么该页面需要大约3分钟才能在IE浏览器中加载(IE11是我的浏览器)。 在chrome和firefox上,同一页面在20秒内加载。我现在已经尝试了将近一个月的时间来查找问题..但仍然没有运气。

我非常渴望找到解决方案。我发现没有任何工具可以告诉我导致我的页面加载这么长时间的原因。

1 个答案:

答案 0 :(得分:1)

首先,首先,您需要了解实际需要的内容。我建议你看看

https://github.com/angular/batarang

这样做。 http://daginge.com/technology/2013/08/11/debugging-performance-problems-in-angularjs-with-batarang/ -

提供了一篇很好的文章

在这个答案中包含的时间太长了,但解决这个问题的一般流程可能会涉及简化每个组成区域中涉及的观察者等 - 一次渲染500个字段似乎有些不必要 - 分页可能是一个简单的解决方案。将数据限制为每页50个字段?您需要跟踪它是否是您正在运行的实际查询以获取花费这么长时间的数据,尽管根据IE和Chrome之间的差异,我猜它会是这样的。\ n'将成为浏览器中的东西。也可能是IE被迫使用一些polyfill来实现Chrome和FF本机提供的功能。也许链接到您的回购供我们查看?