@@ -17,7 +17,7 @@ published: true
1717
1818## Lighthouse
1919
20- ![ Lighthouse] ( 05-25-Lighthouse.png )
20+ ![ Lighthouse] ( /assets/img/Performance/ 05-25-Lighthouse.png)
2121
2222Lighthouse를 실행하면 위와 같은 화면을 볼 수 있는데 옵션을 고른 후 ` Analyze page load ` 를 누를러 검사를 시작할 수 있습니다.
2323
@@ -42,7 +42,7 @@ Lighthouse를 실행하면 위와 같은 화면을 볼 수 있는데 옵션을
4242
4343### 검사 결과
4444
45- ![ Result] ( 05-25-graph.png )
45+ ![ Result] ( /assets/img/Performance/ 05-25-graph.png)
4646
4747<span class =" highlighting-underline " >가장 위에 보이는 그래프가 Lighthouse가 측정한 이 웹 페이지의 종합 성능 점수</span >입니다.<br />
4848이 점수는 아래에 보이는 다섯 가지 지표(metrics)에 가중치를 적용해 평균 낸 점수입니다.
@@ -69,7 +69,7 @@ TBT는 총점을 계산할 때 `30%의 가중치`를 갖습니다.
6969SI는 총점을 계산할 때 ` 10%의 가중치 ` 를 갖습니다.
7070
7171
72- #### Largest Contentful Paint (LCP)
72+ #### Largest Contentful Paint (LCP) ![ Diagnostics ] ( 05-25-performance_info.png )
7373<span class =" highlighting-underline " >페이지 로드 중에 가장 큰 이미지나 텍스트 요소가 표시되는 시간에 관한 지표</span >입니다.<br />
7474위 결과에서 페이지에 진입하여 가장 큰 콘텐츠가 뜨기까지 1.3초가 걸렸음을 알 수 있습니다.
7575
@@ -85,6 +85,6 @@ CLS는 총점을 계산할 때 `25%의 가중치`를 갖습니다.
8585
8686### Diagnostics
8787
88- ![ Diagnostics] ( 05-25-performance_info.png )
88+ ![ Diagnostics] ( /assets/img/Performance/ 05-25-performance_info.png)
8989Lighthouse 지표 화면에서 아래로 스크롤을 내려보면 성능과 관련된 기타 정보를 보여줍니다.<br />
9090이 섹션을 통해 <span class =" highlighting-underline " >해당 서비스의 어느 부분을 개선해야 성능을 향상할 수 있는지 쉽게 파악</span >할 수 있습니다.
0 commit comments