CPR1 Critical Rendering Path(CRP) CRP이란 CRP은 브라우저가 HTML, CSS, JS를 변환하여 스크린으로 보여주는 과정을 의미합니다. CRP을 최적화한다면 웹페이지의 성능을 크게 향상할 수 있다고 합니다. CRP은 그림에서 보다시피 Request/Response => loading => scripting => rendering => layout => painting으로 구분됩니다. Requset/Response : 브라우저가 서버에게 요청/응답을 보냄 loading : 브라우저가 서버에서 파일 받아옴(html, css, js) scripting : html파일을 DOM요소로, css 파일을 cssom요소로 (DOM : document object model) (DOM + CSS = CSSOM) rendering : DOM 과 CSS.. 2022. 2. 8. 이전 1 다음 반응형
