[Android] Extreme lag after upgrade to 0.39.2 and 0.40.0

[ramilushev]

Description

Updating from 0.36.0 to 0.39.2 and 0.40.0 renders the app unusable after minimal interaction. The javascript thread slowly grinds to a halt until it becomes unresponsive. Native UI, such as scrolling or native animations is unaffected. Problem persists with 0.41.0-rc.0

It works perfectly well with 0.38.0

Reproduction

I managed to reproduce this in a freshly installed app with an infinite scroll list containing rows with images. With 0.40.0, the JS driven animation begins to lag after only ~150 items. WIth 0.38.0, animation stays smooth as long as there is no rendering.

See attached videos below:
0.38.0
0.40.0

Test app can be found here

A relative StackOverflow question.

Solution

I suspect the new C-based CSS implementation, as that is the only major change from 0.38 to 0.39. Another reason could be a problem with removeClippedSubviews.

Additional Information

• React Native version: 0.39.2 / 0.40.0
• Platform: Android
• Operating System: MacOS

[sahrens]

Were you able to confirm that the slowdown is because of more onLayout callbacks happening without actual changes to layout?

[ramilushev]

@sahrens Yes, I built RN from source from the commit before and all was good ...

[gchiocchio]

I can confirm this problem in my application, i have updated from 0.36 to 0.40 and UI becomes unusable after render 100 items in a simple listview where the rows are only text and image.
Today I have tested 0.41.0-rc.0 and master but problem is still present.

[10111282]

I have tested today 0.41.0-rc.1 - still the same.

[nihgwu]

I'm facing the same issue, any progress or workaround?

[10111282]

Have no idea what to do. It actually forced me to stop working on  my project(( I have no time to dig into debugging and so on.

…

Вторник, 31 января 2017, 17:05 +03:00 от Neo ***@***.***>: I'm facing the same issue, any progress or workaround? — You are receiving this because you commented. Reply to this email directly, view it on GitHub , or mute the thread .

[gchiocchio]

two screenshots of android profiler when I scroll listview:

[ksegla]

I want to add my voice to this chorus. I upgraded from 0.34.1 to 0.40. I was pleasantly surprised by some of the improvements (Dailymotion working well within the Webview, some keyboard problems fixed, screen rotation with better behavior) but then I realised the performance drop. I was close to releasing my app but the problem is so bad I have to wait. Still waiting. Coded as a stop-gap a simple page trick with only 50 elements per page to ensure smooth scrolling and touch responses. And this is is on a Samsung S6. Performance is significantly worse on lower-end/older devices.
This is an extremely serious, almost fatal issue for many projects. I hope it gets fixed very soon.

[matclayton]

We're seeing the exact same issue here as well, iOS works fine, Android has become very laggy post update.

[K-Leon]

Same here
@sahrens Any Idea who is the right person to approach with this issue?

[hubciorz]

Same here. We had to downgrade to 0.38.

[quietbits]

And same here. Hopefully this can be addressed soon.