frontend - 프론트엔드 성능 최적화 기본

프론트엔드 성능 최적화의 기본(?!)이 될만한 개념들에 대해 조사하여 개편한 블로그에 정리해 보았습니다.

 

포스팅 링크 : https://ideveloper2.dev/blog/2019-05-18--front-end-%EC%84%B1%EB%8A%A5%EC%B5%9C%EC%A0%81%ED%99%94-%EA%B8%B0%EB%B3%B8/

---

목차

- 성능 측정

  - 브라우저 렌더링 과정

 

- 웹페이지 로딩 최적화

  - 브라우저 기준 최적화

  - 사용자 기준 최적화

  - 자바스크립트, css 최적화

 

- 웹페이지 렌더링 최적화

  - dom 조작으로 인한 렌더트리 변경

  - reflow, repaint

  - layout 최적화