Google은 사용자가 편집 가능한 항목의 큰 테이블을 볼 수있는 페이지가있는 웹 애플리케이션을 구축하고 있습니다. 이 테이블에는 행을 위/아래로 이동하는 각 행과 행을 삭제하는 옵션이 있습니다. 각 행에는 두 개의 선택 요소가 있습니다.iOS 6 Mobile Safari 선택 요소가있는 큰 테이블을 느리게 렌더링합니다.
이 테이블은 극한 상황에서 약 200 개의 행으로 구성 될 수 있습니다. 심각한 성능 문제가있는 행이 많을 때입니다. 페이지가 위아래로 스크롤하는 데 매우 느리며 화면에서 "체커 권투"를 볼 수 있습니다. 또한 행을 삭제하는 데 약 30 초가 걸리고 때로는 더 빨라집니다! 위아래로 움직이는 데는 비슷한 시간이 걸리고 페이지는 일반적으로 사용할 수 없습니다.
우리는 문제의 범위를 좁히기 위해 노력해 왔으며 테이블의 select 요소와 관련이 있다는 것을 확신합니다. 스크롤링은 완벽합니다. 위아래로 움직이는 시간은 1 초 ~ 7 초입니다.
200 행 테이블의 맨 아래에서 한 행을 삭제하면 거의 순간적입니다.
문제는 페이지의 CSS와 관련이있는 것처럼 보입니다. 프로파일 러를 실행하면 스타일을 다시 계산하는 데 약 3 초가 소요됩니다.
페이지가 다른 브라우저에서도 정상적으로 작동하므로 도움/지식이 뛰어납니다.
감사
(스타일 시트)에 테이블에 스타일 속성으로table-layout:fixed;
설정
명시 적으로 iOS 6을 지적하고 있으므로 다른 버전 (iOS 5 이상)에 차이가 있습니까? 그렇다면 어떤 차이가 있습니까? –
유일한 차이점은 iOS5에서는 스크롤링이 정상적으로 보였지만 다른 컨트롤은 여전히 느리지 만 iOS6보다 여전히 빠름 덕분에 – hcharge
답변을 찾았습니까?웹 사이트의 대형 양식간에 성능 차이가 크게 나타납니다. iOS5는 괜찮 았지만 iOS6은 매우 느립니다. –