ReactJS FlexGrid 화면 렌더링 성능 문의
페이지 정보
작성자 토끼바람 작성일 2021-06-14 09:55 조회 3,758회 댓글 0건본문
관련링크
안녕하세요.. 대용량 데이터를 화면에 렌더링 하는 문제로 문의 드립니다.
테스트 환경
데이터 량 : Row : 55,000 / col : 432
브라우저 : Chrome 91.0.4472.101 64bit
해상도 : 1620 * 900
grid 만 있고 화면에 표시하고 있는 내용은 없음
1차 : 테스트 시간 : 20,000건 화면 표시 시간 : 22초
2차 : 테스트 시간 : 18,000건 화면 표시 시간 : 20초
--------------------------------------------------------------------
문의 사항
1. 브라우저 크기가 변경되었을때 렌더링을 다시하는듯 한데 다시 그리는 속도가 느려서 화면에 멈춰보임
2. 스크롤을 할때 데이터가 표시되지 않고 있음
3. 55,000건 조회 후 화면에 노출 할 때 5분이 되도록 화면에 표시되는 내용이 없음
화면의 크기(해상도)에 따라서 성능차이가 많이 나는듯합니다. 개선할 방법이 있을까요?
즉 . 전체적으로 모든데이터를 표시하려니 시간이 오래 걸리는듯합니다.
따라서 화면에 보여지는 부분만 렌더링 할 수 있는 방법이 있는지요?
--------------------------------------------------------------------
샘플 소스와 비교해서 차이점을 확인해보니 CSS에 높이를 지정하지 않았을때 성능적 이슈가 발생하는듯합니다.
높이를 1000px로 지정하고나서 확인해보니 되는 것 처럼 보이는데
스타일 지정관련이 있는지 문의드립니다.
댓글목록
등록된 댓글이 없습니다.