반응형 프론트 성능1 웹 프론트(화면) 성능 지표 알아보기 웹 브라우저에서 화면을 랜더링하는 과정과 화면 성능 지표에 대해서 정리해본다. 화면 랜더링 과정화면 랜더링 과정은 간단히 위의 그림처럼 Dom을 먼저 구성하고, Style, Layout 및 Layer 적용 과정, 그리고 Paint를 하는 과정 순서대로 진행이 된다. Layer는 크롬 개발자도구에서 More tools -> Layers에서 확인이 가능하다. 화면 성능 지표 화면 성능 관련 지표는 대략적으로 순서대로 작성하면 아래와 같다. 아래 지표들은 크롬 브라우저의 Performance 탭에서 확인이 가능하다. 지표(매트릭)내용TTFB (Time To First Byte)- 페이지를 요청했을 때 서버에서 데이터의 첫 번째 바이트가 도착하는 시점을 나타냄- 주로 서버 성능과 직결FP(First Pa.. 2024. 7. 4. 이전 1 다음 반응형
