일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- Paste Into File
- 프론트엔드 개발환경
- 콜맥
- ortholinear
- 탭 관리 프로그램
- 창 그룹화
- 이벤트 위임
- 글자 지우기
- details marker 제거
- 쿼티
- 날개셋 한글 입력기
- olkb
- State Control
- 개발자 도구 활용
- 자소 단위 삭제 해제
- Sync & Async
- 절차 지향과 객체 지향
- colemak
- 브라우저 렌더링
- 오버로딩과 오버라이딩
- version specifications
- 프리오닉
- Runtime Execution
- 글자 단위 삭제
- 구현 패턴
- static 키워드
- super 메소드
- 영수증 가계부
- JavaScript
- 복사한것을파일로
Archives
- Today
- Total
목록브라우저 렌더링 (1)
What got you here won't get you there
성능 최적화
TOAST UI의 성능 최적화를 보고 정리한 글입니다. 목차 성능 최적화에 필요한 이론과 측정 도구 브라우저의 로딩 과정 레이아웃과 리페인트 블록 리소스와 주요 렌더링 경로 성능 개선 지표 성능 측정 도구 웹 페이지 로딩 최적화 블록 리소스(CSS, 자바스크립트) 최적화 리소스 요청 수 줄이기 리소스 용량 줄이기 웹 페이지 렌더링 최적화 레이아웃 최적화 애니메이션 최적화 맺음말 성능 최적화에 필요한 이론과 측정 도구 브라우저의 로딩 과정을 다루고, 각 과정에서 사용되는 용어와 성능을 측정하는 데에 사용되는 지표를 설명한다. 성능 측정 도구로 크롬 개발자 도구를 살펴본다. 브라우저의 로딩 과정 브라우저는 웹 페이지에 필요한 리소스를 내려받고 해석한 다음 여러 계산 과정을 거쳐 콘텐츠를 화면에 보여준다. 이..
Web App
2021. 9. 6. 06:19