본문 바로가기 메뉴 바로가기

JEEGOO의 개발 노트

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

JEEGOO의 개발 노트

검색하기 폼
  • 전체 (50)
    • Docker (2)
    • Node (0)
    • JAVA (0)
      • Java (0)
    • DB (0)
      • Oracle (0)
    • 컴퓨터 공학 (26)
      • 알고리즘 (23)
      • 자료구조 (3)
    • Web (3)
    • Front-End (8)
      • JavaScript (8)
      • Css (0)
      • Html (0)
    • 프로젝트 (10)
      • 나만의 블로그 (10)
    • 기타 (0)
      • 잡담 (0)
  • 방명록

CRP 최적화 (1)
[Web] CRP(Critical Rendering Path)와 최적화

목차 CRP 문제를 어떻게 찾지? 최적화 CRP(Critical Rendering Path) CRP은 문서(HTML, CSS 및 JavaScript)를 화면에 표현하기 위해 거치는 일련의 과정을 말한다. 이 과정을 간단하게 설명하면 다음과 같다. HTML문서가 브라우저에 의해 구문 분석될 때 DOM트리와 CSSOM트리를 구성한다. 그 후 DOM, CSSOM 트리를 결합하여 Render 트리를 구성하고 배치(Layout)를 통해 페이지에 그려질 요소들의 크기와 위치를 결정한다. 마지막으로 그리기(Painting)과정을 통해 픽셀이 화면에 그려진다. 자세한 과정이 궁금하다면 [WEB] 웹 브라우저 렌더링과 최적화를 참고. 더 나은 성능과 우수한 사용자 경험을 제공하기 위해서 CRP을 최적화하는 것은 중요하다..

Web 2019. 10. 12. 13:40
이전 1 다음
이전 다음
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG
  • Pipeline
  • CI
  • 프로그래머스[정렬]
  • JPA
  • graphql
  • Web
  • 프로그래머스[스택/큐]
  • PostgreSQL
  • Handshake
  • javascript
  • Apollo
  • Docker
  • 알고리즘
  • CD
  • Jenkins
  • 프로그래머스[해시]
  • react
  • 웹 사이트 최적화
  • 실행 문맥
  • 프로그래머스[힙]
  • typescript
  • Kubernetes
  • CRP 최적화
  • 프로그래머스
  • 동적계획법
  • execution context
  • Nashorn
  • 프로그래머스[이분탐색]
  • Spring Boot
  • 프로그래머스[Lv1]
more
«   2025/05   »
일 월 화 수 목 금 토
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31
글 보관함

Blog is powered by Tistory / Designed by Tistory

티스토리툴바