jQuery - 전체 화면 슬라이드 쇼 성능 팁?

Question

저는 전체 화면 슬라이드 쇼를 만들고 있는데, 위치/여백을 사용하고 이제는 왼쪽/오른쪽 슬라이드를 만들기 위해 ScrollTo를 사용하려고했습니다.

하지만 항상 성능상의 차이가 있습니다. 나는 이것을하기위한 좋은 방법을 아직 찾지 못했고 도움을 청하는 중입니다. 나는 또한 잘 작동하지만 그냥 필요한 브라우저에서 작동하지 않는 순수한 CSS를 시도했다. http://jsfiddle.net/qkRvS/2/embedded/result/ 과의 코드 : http://jsfiddle.net/qkRvS/2/이

누군가가 올바른 방향으로 날 지점 수 것이 가능한이 원활하게하는

은 여기 간단한 데모있어? 그것은 각각의 이미지 변경에 거의 맞지 않는 것 같습니다.

감사합니다.

Answer 1

불행히도 나는 당신에게 행복한 대답이 없다고 생각합니다. CSS3 변환의 CSS3 전환은이를 지원하는 브라우저에서 최상의 성능을 제공합니다. ie7-8이 left 속성을 조작하면 스크롤을 수행하지만, ie7-8에서는 결코 깔끔하게 보이지 않을 것입니다. 파이어 폭스 성능도 좋지는 않지만 점점 나아지고있다. 어떤 경우에 나는 보다 firefox에서 성능이 더 우수하다는 것을 발견했습니다.하지만 그것은 마지막 버전에서 변경되었을 수 있습니다. 팁 :

• 가능한 한 이미지를 압축하십시오. 가능한 경우 .jpg를 사용하십시오.
• 는 각 브라우저
• 를 사용하여 각 브라우저에 대한 가장 성능이 좋은 방법으로 각 방법의 테스트를 수행
• 당신이 jQuery의 애니메이션 방법을 사용하는 경우, 당신은 그래서는 30ms처럼 뭔가 16ms에서 프레임 속도를 조정할 수도 있습니다 브라우저는 다시 칠하기 때문에 망치지 않습니다.

Answer 2

알아 냈습니다. CSS3 전환을 사용하고 오버플로 된 div에 'left'를 지정하면 재 페인트 작업이 줄어 듭니다.