Angular 2性能IE11 * ngFor

时间:2016-04-12 10:27:09

标签: performance angular internet-explorer-11 ngfor es6-shim

我正在尝试使用Angular 2,我注意到在使用* ng超过1500项时,Internet Explorer 11上的性能显着变慢。 IE11大约需要25秒,而其他浏览器需要不到1秒。

暂停调试器我注意到代码在es6-shim.js中不断调用 isNan 函数。 这里是调用堆栈:

enter image description here

这里有一个工作的人:http://plnkr.co/edit/sEujClHmuCbrydIiYQYL?p=preview。 代码非常简单:

<div class="checkout">
                            <div class="checkout_title"><span>Vasa narudzba</span></div>
                                <div class="product custom_form_title order_product_list">  
                                    <div class="row">
                                        <div class="col-md-4 col-sm-4 col-xs-12 no-padding-right">
                                            <div class="product_image">
                                                <img src="assets/img/product1_small.png" class="img-responsive" />
                                            </div>
                                        </div>
                                        <div class="col-md-8 col-sm-8 col-xs-12">
                                            <div class="product_box">
                                                <div class="product_title">
                                                    <span>Product title</span>
                                                </div>
                                                <div class="product_description">
                                                    <span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. IntegeLorem ipsum dolor sit amet</span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div> 
                                <div class="product custom_form_title order_product_list">  
                                    <div class="row">
                                        <div class="col-md-4 col-sm-4 col-xs-12 no-padding-right">
                                            <div class="product_image">
                                                <img src="assets/img/product1_small.png" class="img-responsive" />
                                            </div>
                                        </div>
                                        <div class="col-md-8 col-sm-8 col-xs-12">
                                            <div class="product_box">
                                                <div class="product_title">
                                                    <span>Product title</span>
                                                </div>
                                                <div class="product_description">
                                                    <span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. IntegeLorem ipsum dolor sit amet</span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-12 col-sm-12 col-xs-12">
                                        <div class="total custom_form_title order_list">
                                            <span class="left-title">Cijena bez PDV-a</span><span class="right-title">0,000.00 KM</span>
                                            <span class="left-title">PDV(17%)</span><span class="right-title right">0,000.00 KM</span>
                                            <span class="left-title">Postarina</span><span class="right-title right">0,000.00 KM</span>
                                            <span class="left-title">Total cijena</span><span class="right-title right">0,000.00 KM</span>
                                        </div>
                                    </div>
                                </div>


     </div>

有同样问题的人吗?任何提高性能的解决方法或提示?

提前谢谢。

1 个答案:

答案 0 :(得分:8)

问题是IE没有Map的本机实现。 polyfill的setget函数非常慢(与其原生对应物相比)并占用大部分时间:

enter image description here

可能 - 或者希望 - Map的其他polyfill比es6-shim更快。

<强>更新

我已使用core-js测试了您的代码,其性能似乎更接近本机实现。