강제 리플로우
컬렉션을 사용해 정리하기
내 환경설정을 기준으로 콘텐츠를 저장하고 분류하세요.
게시일: 2025년 10월 8일
DOM 상태 변경으로 인해 스타일이 무효화된 후 JavaScript가 기하학적 속성 (예: offsetWidth)을 쿼리하면 강제 리플로우가 발생합니다. 이렇게 하면 브라우저가 즉시 레이아웃을 실행하게 되므로 스크립트 실행이 중단되고 성능이 저하됩니다.
강제 리플로우를 일으키는 코드의 예:
강제 리플로우가 빠르게 연속해서 여러 번 발생하는 것을 '레이아웃 스래싱'이라고 합니다.
이 통계를 전달하는 방법
- 읽기 직전에 실행되는 DOM 지오메트리 쓰기 양을 피하거나 최소한 줄이세요.
- 30밀리초 이상 걸리는 강제 리플로우가 없어야 합니다.
추가 자료
달리 명시되지 않는 한 이 페이지의 콘텐츠에는 Creative Commons Attribution 4.0 라이선스에 따라 라이선스가 부여되며, 코드 샘플에는 Apache 2.0 라이선스에 따라 라이선스가 부여됩니다. 자세한 내용은 Google Developers 사이트 정책을 참조하세요. 자바는 Oracle 및/또는 Oracle 계열사의 등록 상표입니다.
최종 업데이트: 2025-10-08(UTC)
[[["이해하기 쉬움","easyToUnderstand","thumb-up"],["문제가 해결됨","solvedMyProblem","thumb-up"],["기타","otherUp","thumb-up"]],[["필요한 정보가 없음","missingTheInformationINeed","thumb-down"],["너무 복잡함/단계 수가 너무 많음","tooComplicatedTooManySteps","thumb-down"],["오래됨","outOfDate","thumb-down"],["번역 문제","translationIssue","thumb-down"],["샘플/코드 문제","samplesCodeIssue","thumb-down"],["기타","otherDown","thumb-down"]],["최종 업데이트: 2025-10-08(UTC)"],[],[]]
