# CRP

6개의 포스트

CRP(Critical Rendering Path)

💡브라우저의 렌더링 프로세스를 알아야하는 이유 웹 애플리케이션 응답 속도 때문 ! 속도 개선을 위해서는 브라우저 렌더링 최적화가 반드시 고려되어야 한다.중요 렌더링 경로(Critical Rendering Path)는 브라우저가 HTML, CSS , Javascri

2022년 7월 28일
·
0개의 댓글
·
post-thumbnail

CRP 최적화 방안

면접을 보고 정리를 해야겠다 해야겠다 생각하다가 이제야 정리하게 되는 굼벵이이다.CRP란 Critical rendering path의 약자다. 중요 랜더링 경로라는 의미인데 프론트엔드 면접 질문에 많이 나와있는 브라우저 랜더링 과정의 답안이기도 하다.DOM 트리는 자바

2022년 7월 12일
·
0개의 댓글
·
post-thumbnail

브라우저 렌더링 원리

면접에서 가장 많이 물어보는 질문이지만 생각보다 많은 지원자들이 자세한 동작 원리를 알지 못한다고 한다. 본인도 동작 과정이 명확하게 떠오르지 않았다.. React로 개발을 하다보면 이미지와 같은 리소스가 많을 때 화면이 느리게 로드되어 개선의 필요성을 느꼈던 순간들이

2022년 4월 30일
·
0개의 댓글
·

[DOM]성능보장렌더링순서(CRP)

우리의 웹페이지와 웹앱을 브라우저가 사용자에게 보여주기까지 어떤 과정을 거치는가? 각 과정에서 어떻게 작업하면 성능을 향상시킬 수 있을까? 우리의 웹페이지와 웹어플리케이션을 브라우저가 사용자에게 보여주기까지 어떤과정을 거치는가? → 그 과정에서 어떤 부분을 활용해야 성

2021년 3월 31일
·
0개의 댓글
·
post-thumbnail

Next js - [Vercel 로 배포하기] 📦

Next js를 기반으로한 프론트앤드를 배포할 때 주의할 점과 원리! ⚒

2021년 3월 1일
·
1개의 댓글
·
post-thumbnail

Browser

대다수의 HTML 문서 중에서 최상단에 위치한 <!doctype HTML> 구문은 이 문서가 어떤 버전의 HTML으로 작성되었가를 브라우저에 알려준다는 뜻으로 알고 있을 것입니다. 그리고 많은 개발자가 웬만하면 저 구문을 꼭 첫 번째 줄에 넣으라고 합니다. 이러

2020년 5월 31일
·
0개의 댓글
·