反應js中的性能問題

我目前在我的web應用程序中使用reactJS版本「15.0.1」。在其中一項功能中，我們需要在每隔2秒後不斷彙集一些信息。因此，正接受反應Web應用程序中更新顯示的某個對象（列表中的700/1000項目）的List的回答。問題是在一段時間之後，應用程序變得沒有響應，並且需要花費太多時間進行任何操作。在分析時，我發現它的渲染，批量更新和派發事件的反應js花費的時間最長。有沒有什麼建議的方式來解決性能問題。該功能需要每2秒刷新一次，列表大小每次超過1000個項目。反應js中的性能問題

性能問題出現在IE和Chrome瀏覽器中。

來源

2017-08-29 piu

請確保您有給每個元素，使反應知道它並沒有重新呈現它，如果它的同一個列表元素 –

我想這是因爲組件的重新渲染的一個適當的關鍵要素...如果你通過道具更新列表，那麼使用componentWillUpdate（）可能會導致內存泄漏...嘗試使用日誌來識別組件的連續渲染方案 –

如果你有一些嵌套組件不應該在渲染之後重新渲染輪詢和更新狀態，也就是說您只需要進行淺層比較，就可以嘗試使用PureComponent https://facebook.github.io/react/docs/react-api.html#react.purecomponent –

很難說沒有看到你的代碼，也許你有內存泄漏？您可以嘗試在方法結束時將對象標記爲垃圾回收。

listOfSomeObject = null;

這是一篇很好的文章，其中包含一些識別和修復內存泄漏的方法。

https://auth0.com/blog/four-types-of-leaks-in-your-javascript-code-and-how-to-get-rid-of-them/

來源

2017-08-29 17:18:17 Michael

反應js中的性能問題

回答

相關問題