HTML 구문 분석 통합 또는 일괄 처리

Question

많은 html 요소에 대한 업데이트가 필요한 프로젝트 작업 중입니다. 문제는 하이 엔드 머신에서도 원하는 성능보다 느려지고 있음을 발견했습니다. 이제 각 업데이트를 수행 할 때 브라우저 (크롬과 파이어 폭스 모두)가 페이지를 다시 작성하려고 시도합니다.

내가 브라우저를 알 수있는 방법이 있나요 "이봐, 난 내가 그렇게 말까지 파싱을 귀찮게하지 않습니다, HTML 업데이트 한 무리의 일을 할 하겠어?"

Answer 1

JavaScript 실행은 브라우저가 다시 칠하기를 차단하지만 리플 로우는 차단합니다. 브라우저가 요소 위치를 다시 계산해야 할 때 발생합니다. cloneNode을 사용하여 변경해야하는 노드를 복제 한 다음 새 노드를 변경하고 DOM에 모두 한 번에 삽입하는 것이 좋습니다.

매우 비슷한 질문입니다. How to freeze web browser's repaints while changing visibility of elements?