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