V5 framerate drop?

У меня стоит проверка чтобы WebView был не ниже 49-ой версии (в ней появляется поддержка переменных в CSS). Если версия ниже - приложение не загружается, показывается заглушка с предложением обновить WebView с кнопкой ведущей в Google Play.

Касательно вашего второго сообщения - сейчас нет возможности подробно изучить ваш список (он выглядит очень интересным), после выходных надо будет внимательно посмотреть.

Что касается анимации при первом запуске. Пока что все еще остается не отвеченным один (самый первый) вопрос: почему в версии 4 такой проблемы нет…

2 Likes

will-change: transform, opaticy;
Может поможет, примени к анимированyому элементу CSS, сразу рендерит в GPU, должно помочь :slight_smile:

It may help, add to the animated element CSS, immediately render in the GPU, should help :slight_smile:

Поделитесь, как вы определяете версию вебвью?
Есть кстати еще неприятные устройства с необновляемыми вебвью, зашитыми где-то в недрах.

Попробуй вот это. Проверял наличие в самом начале запуска всего. В одной организации приложение не запускался, на старых телефонах был отключен webview. Но точно не помню работает или нет.

я нашел такую конструкцию, которая определяет, поддерживаются ли css custom properties, это собственно то что и нужно, вроде работает и версию вебвью не обязательно знать
this.nativeCSSVars = window.CSS && window.CSS.supports && window.CSS.supports('(--a: 0)');

I’ve tested this issue on new phone (Samsung Galaxy A51) and there still lags/stuttering in dialog opening animation. So I investigated this and found this commit. You removed will-change: transform, opacity;. I added this line from inspector and framerate drop gone!

Could you please bring that line back?

Oh, wow. I actually removed them because they were causing performance issues :slight_smile: Which ones did you add back, for Dialog, Panel?

I did that for Dialog class. I can’t say which one of transform or opacity did the trick (I just added both), let me check this again to be sure, I didn’t have much time yesterday.

OK, I checked this out. dialog class, will-change: transform removes stuttering. I don’t know how opacity affects, but I think bring it back would be nice too.

Thanks, will add it back

1 Like