Adobe AIR에서 jQuery UI 레이아웃이 너무 느리게 실행되는 이유는 무엇입니까?

Question

저는 오랫동안 응용 프로그램을 수정 해 왔으며 AIR에서 작동하도록했습니다. 그러나 일반적인 UI 레이아웃 플러그인 (http://layout.jquery-dev.net/downloads.cfm)을 사용하면 앱이 실제로 느려질 수 있습니다.

아무에게도 디버깅을 기대하지는 않지만 5 천 라인이 넘습니다. AIR를 내 사이트를 가리키는 iframe과 함께 래퍼로 사용하고 있습니다. 그것은 단순히 iframe에서 실행하는 것이 너무 느리다는 것이 기괴합니다.

앱에서 플러그인을 사용하면 분명히 전혀 보이지 않지만 모든 것이 부드럽게 돌아갑니다. CSS hover 상태조차도 속도가 느려서 AIR에서 문제가 발생합니다.

Answer 1

CSS! 그래, 그게 답이야. 상자 그림자 또는 기타 값 비싼 규칙과 같은 고급 CSS를 사용하면 AIR 엔진이 너무 느려 앱 속도가 느려집니다.

레이아웃을 사용하면 마우스 센터에서 클래스를 추가 및 제거하고 나가기 때문에 문제가 악화되었습니다. 이러한 클래스를 추가하고 제거하면 다시 렌더링이 필요했습니다.이 렌더링은 엄청나게 느려서 앱을 거의 멈추게 만들었습니다.

최소한 내 예제에서는 그라디언트와 같은 다른 규칙을 그대로두고 상자 그림자를 잘라낼 수있었습니다.