왜 CSS 변형을 위해 코도 바가 느린가요?

나는 cordova를 사용하여 까다로운 하이브리드 앱을 제작 해 왔으며 일반적으로 모바일 크롬에서 웹 사이트를 실행할 때보 다 느리다는 것을 알았습니다. 나에게 이해가되지 않습니다 내가 들었 일부 인수 :왜 CSS 변형을 위해 코도 바가 느린가요?

CSS 애니메이션을 모바일에서 (이 사실이라면, 웹 사이트가 진실하지 않은, 너무 모바일 크롬에서 느리게 실행됩니다) 느린
코르도바가 크롬의 상단에 내장되어

은 기본적으로 코르도바 사용할 수있는 GPU 크롬의 양을 제한 하는가 (CSS를 변환은 코르도바와는 아무 상관이 없다한다, 크롬은 잘 그들을 렌더링 할 수 있어야한다) ? CSS 전환 효과를 향상시키기 위해 조정할 수있는 설정이 있습니까?

출처

2014-12-11 navgeet

webview는 브라우저보다 느리지 만 일반적으로 자바 스크립트입니다. 코르도바는 크롬 위에 구축되지 않으며, 시스템 webview 위에 구축되며, 안드로이드 4.4 이상은 크롬을 기반으로합니다. – jcesarmobile

@jcesarmobile 나는 kitkat을 테스트 중이므로 cordova는 크롬 자체를 사용해야합니다. – navgeet

글쎄, 그건 크롬이 아니야, 크롬 기반의 웹뷰 야. androidManifest.xml – jcesarmobile

크롬은 GPU를 사용하려는 경우에만 사용합니다.

예 :

이

.nav-show { 
    transform:translate(200px,200px); 
    transition: transform 500ms linear; 
}

는 GPU 렌더링되지 않습니다. 대신 작업에 GPU를 강제로, 당신은 사용할 수 있습니다

.nav-show { 
    transform: translate3d(200px,200px,0); 
    transition: transform 500ms linear; 
}

자세한 내용은 나는 cool article about it을 발견했다.

당신이 할 수있는 다른 일이 있는지 나는 모른다.

저는 WebView는 키트 캣 (kit-kat) 이후 크롬의 일부라고 생각합니다. 또한 코드가 응용 프로그램으로 컴파일 된 것보다 크롬으로 디버깅 할 때 앱이 동일한 환경에서 실행되지 않습니다. 실제로 cordova는 웹보기, 플러그인에 크롬이 할 필요가없는 기능 등을 추가하는 래퍼를 추가합니다.

희망이 있습니다.

출처

2015-02-20 20:04:03 sarlam

에서 기본 SDK 19 이상을 설정했는지 확인하십시오. 높이 전환을 원한다면 어떻게해야합니까? –

불행히도 gpu를 사용하여 너비 또는 높이를 변환 할 수 없습니다. – sarlam

@BarbuBarbu 당신은'transform : scale' 스타일을 사용해 볼 수 있습니다. –

왜 CSS 변형을 위해 코도 바가 느린가요?

답변

관련 문제