Internet Explorer 6의 <rich : modalPanel> 대신

Question

웹 응용 프로그램의 페이지는 Internet Explorer 6에서 Firefox에 비해 느리게로드됩니다. IE6의 경우 6 초, Firefox의 경우 3 초입니다.

페이지의 크기는 실제로 내 응용 프로그램에서 큰 문제이지만 <rich:modalPanel>은 DOM 조작으로 인해 IE6에서 실제로 느리다는 것도 알고 있습니다.

우리는 많은 그들 오티 사용, 나는이 구성 요소는이 속도 저하의 이유가 참으로 하나가 될 수 있다고 생각 ... 그래서

의 <rich:modalPanel> 구성 요소에 JSF의 대안이 무엇입니까?

JSF의 사용자 정의 구성 요소에 쉽게 사용할 수있는 javascript/jQuery 모달 패널 코드를 알고 계십니까?

기술 정보 :

JSF 1.2 (+ Facelets의)와 Richfaces 3.2.2

Answer 1

코드에서와 같이 왜 그냥 JQuery와 구성 요소를 사용? Facelets를 사용하고 있기 때문에 반드시 맞춤 구성 요소가 필요하지는 않습니다.

Answer 2

나는 <rich:modalPanel>이 모든 문제의 근원이며 다른 사용자 지정 구성 요소를 변경하는 것이 실제로 도움이된다고 생각하지 않습니다. 모달 패널 안에있는 모든 구성 요소는 DOM에 배치되지만 초기에는 보이지 않습니다. modalPanel에서 일반 모드로 변경하는 테스트를 시도하십시오. 나는 그것이 로딩 시간을 빠르게하지 않을 것이라고 생각한다. 또 다른 테스트는 모달 패널없이 페이지의 로딩 시간을 측정하는 것입니다.

테스트를 위해 Fiddler2 도구를 사용하십시오. IE 브라우저에서 성능을 측정하는 데 도움이됩니다.

Answer 3

JQuery UI 대화 상자가 좋은 옵션입니다. 그것 좀 봐.