如何在移動設備上提高reactjs初始渲染性能？

我有一個用reactjs編寫的應用程序，組件渲染時速度非常快，但渲染速度太慢。在電腦上，大約需要2秒鐘，但在手機上，大約需要8秒才能渲染頁面，這實在太慢了。如何在移動設備上提高reactjs初始渲染性能？

是否有任何通用的方法來改善網站的加載時間？

我用鉻時間線來分析性能。我看到很多時間都是由browser.js花費的。我想知道如果轉換reactjs jsx到JavaScript將有所幫助。

我也看到在顯示dom之前有一段很長的停頓，我不確定在這段時間瀏覽器做了什麼以及如何解決這個問題。

2016-05-16 dspjm

你用的WebPack編譯項目在生產模式？ –

將jsx轉換爲javascript應該在部署前編譯文件時完成，而不是在客戶端中 – gontrollez

你一定要預編譯的代碼做出反應生產。此外，將process.env.NODE_ENV設置爲production非常重要。這會加快一般渲染和初始渲染速度（對於服務器端渲染來說更是如此）。您可以使用browserify插件envify或相應的webpack插件（取決於您的堆棧）。

此外，我建議本次會議的談話，其中包括許多其他小/大的渲染速度起坐：https://www.youtube.com/watch?v=PnpfGy7q96U

2016-05-16 10:00:19 Scarysize

從您共享的視頻中，我認爲只使用reactjs的縮小版本就足夠了，我們甚至不需要設置NODE_ENV。你真的幫助了，兄弟。 – dspjm

回答