HTML, CSS 코드 최적화하기 HTML, CSS 코드를 최적화함으로써 렌더링 성능을 향상시킬 수 있다. 1. HTML 최적화 방법 (1) DOM 가볍게 만들기 DOM트리가 깊고 자식 요소가 많을수록 DOM 트리의 복잡도는 커진다. 복잡도가 클수록 DOM 트리가 변경되었을 때 개선해야 하는 것도 많아진다. HTML 요소에서 불필요하게 깊이를 증가시키는 요소가 있으면 삭제한다. // 수정 전 1st 2nd 3rd // 수정 후 : 불필요한 div 요소 제거 1st 2nd 3rd (2) 인라인 스타일 사용하지 않기 CSS 파일을 따로 작성하면 단 한 번의 리플로우만 발생하는데, 인라인 스타일은 리플로우를 계속해서 발생시켜 파일 크기를 증가시킨다. 애초에 인라인 스타일은 웹 표준에 맞지 않으므로 지양해야한다..
