DOM에서 픽셀까지, 브라우저 렌더링과 CRP 완전 정복 - [DOM 완전 정복 Part 3]
이 강의는 브라우저가 HTML을 받아 DOM을 만들고, CSSOM과 결합해 화면에 픽셀을 그려내는 Critical Rendering Path(CRP) 과정을 처음부터 끝까지 다룹니다. 단순한 DOM 조작을 넘어, CSS와 JS가 성능에 어떤 영향을 주는지, 이미지·폰트 최적화, Lazy Loading, Intersection Observer, 가상 리스트, 그리고 DevTools 실습까지 이어지며 실제 웹 성능을 눈에 띄게 개선할 수 있는 실전 전략을 배울 수 있습니다.
- 해결
렌더링 차단 리소스 javascript 실행에 관련해서 질문 있습니다.
안녕하세요? 수업을 듣다 질문이 있어서 남기게 됐습니다!브라우저가 렌더링 과정이 DOM & CSSOM -> Render Tree -> layou
HTML/CSSjavascriptdomfrontendeddie
・
2달 전
0
73
2
- 해결
렌더링 차단 리소스 관련해서 CSS 질문이 있습니다.
안녕하세요? 수업 잘 듣고 있습니다.막연하게 알고 있던 렌더링에 대해서 자세히 알 수 있어서 정말 많은 도움이 되고 있습니다.수업을 듣다 보니 궁금한 것이
HTML/CSSfrontendeddie
・
2달 전
0
60
2
- 해결
지금 이 화면에서 뭘로 fps를 알 수 있나요?
<img src="https://cdn.inflearn.com/public/files/posts/3ee1b04b-ae32-48a3-970b-de2dd81f71af/b2b32b7f-22be-4d88-9ceb-13b19efaa494.png" media-type="img"
HTML/CSSjavascriptreactdomfrontendah young kim
・
8달 전
0
184
2
- 해결
CSS까지만 지연에 영향을 주는건가요?
안녕하세요~! 궁금한 점이 생겨 문의드립니다! DOM + CSSOM > Ren
HTML/CSSjavascriptreactdomfrontend정수지
・
8달 전
0
98
2