From DOM to Pixels, Mastering Browser Rendering and CRP - [Mastering DOM Part 3]
This course covers the entire Critical Rendering Path (CRP) process, from the moment the browser receives HTML to create the DOM, to combining it with the CSSOM and painting pixels on the screen. Moving beyond simple DOM manipulation, you will learn how CSS and JS impact performance, as well as practical strategies to noticeably improve real-world web performance—including image and font optimization, Lazy Loading, Intersection Observer, virtual lists, and hands-on practice with DevTools.
153 learners
Level Basic
Course period Unlimited
- Resolved
Composition단계에서 `Layer`는 누가 만드는지
Composition(합성)단계에서는 여러 Layer를 가지고 하나의 화면에 합성시킵니다.그런데... 그 여러개의 Layer들은 누가 만드는건가요? Layou
HTML/CSSjavascriptreactdomfrontendkraksin121009
・
22 days ago
0
44
1
- Resolved
렌더링 차단 리소스 javascript 실행에 관련해서 질문 있습니다.
안녕하세요? 수업을 듣다 질문이 있어서 남기게 됐습니다!브라우저가 렌더링 과정이 DOM & CSSOM -> Render Tree -> layou
HTML/CSSjavascriptdomfrontendeddie85
・
6 months ago
0
107
2
- Resolved
렌더링 차단 리소스 관련해서 CSS 질문이 있습니다.
안녕하세요? 수업 잘 듣고 있습니다.막연하게 알고 있던 렌더링에 대해서 자세히 알 수 있어서 정말 많은 도움이 되고 있습니다.수업을 듣다 보니 궁금한 것이
HTML/CSSfrontendeddie85
・
6 months ago
0
99
2
- Resolved
지금 이 화면에서 뭘로 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/CSSjavascriptreactdomfrontendglgl44547749
・
a year ago
0
277
2
- Resolved
CSS까지만 지연에 영향을 주는건가요?
안녕하세요~! 궁금한 점이 생겨 문의드립니다! DOM + CSSOM > Ren
HTML/CSSjavascriptreactdomfrontendrarla
・
0
193
2

