FrontEngineer JungBam
웹 성능 최적화 // 로드와 렌더링 본문
Light house?
웹 성능을 분석하는 도구로 별도의 라이브러리였으나 구글 개발자도구에 audit으로 포함되었고 최근에는 확장팩을 통해 추가하여 사용가능 하다.
성능을 분석했을 때 위의 화면처럼 각각의 문제점들이 나오게 된다.
Opportunity는 로딩에 대한 개선점들이 나오고 DIAGNOSTICS에는 렌더링에 관련된 항목들이 나온다.
Light house에서는 이런 점들에 대해 개선시킬 수 있는 기본적인 가이드 라인을 제공하는데 이 가이드 라인을 참고해서 성능 최적화의 첫 발을 딛게 되었다.
반응형
'웹 성능 최적화' 카테고리의 다른 글
| preload(컴포넌트, 이미지) (0) | 2023.02.25 |
|---|---|
| 애니메이션 최적화 (0) | 2023.02.25 |
| 웹 성능 최적화 // 번들링 최적화 (0) | 2023.02.25 |
| 성능 최적화(webp) (0) | 2023.02.16 |
| 성능 최적화(코드 스플리팅) (0) | 2023.02.16 |
'웹 성능 최적화' Related Articles
more
Comments