Skip to content

Commit 3c756a3

Browse files
committed
UPDATE : [Performance] 이미지 수정
1 parent 32d1437 commit 3c756a3

File tree

1 file changed

+3
-3
lines changed

1 file changed

+3
-3
lines changed

_posts/Performance/2025-05-25-performance-analysis-tools copy.md

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -17,7 +17,7 @@ published: true
1717

1818
## Lighthouse
1919

20-
![Lighthouse](https://github-production-user-asset-6210df.s3.amazonaws.com/79291114/447334900-c13781e9-2362-4fac-bea0-0943fee35a08.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIAVCODYLSA53PQK4ZA%2F20250525%2Fus-east-1%2Fs3%2Faws4_request&X-Amz-Date=20250525T131835Z&X-Amz-Expires=300&X-Amz-Signature=03354696ba43deefe64294285b42485a0ca660ae4633957a3e9539082b7da3df&X-Amz-SignedHeaders=host)
20+
<img width="645" alt="Image" src="https://github.com/user-attachments/assets/c13781e9-2362-4fac-bea0-0943fee35a08" />
2121

2222
Lighthouse를 실행하면 위와 같은 화면을 볼 수 있는데 옵션을 고른 후 `Analyze page load`를 누를러 검사를 시작할 수 있습니다.
2323

@@ -42,7 +42,7 @@ Lighthouse를 실행하면 위와 같은 화면을 볼 수 있는데 옵션을
4242

4343
### 검사 결과
4444

45-
![Lighthouse 검사 결과](https://github-production-user-asset-6210df.s3.amazonaws.com/79291114/447334901-fd8e3dda-2603-4195-bd41-64b73a1275bd.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIAVCODYLSA53PQK4ZA%2F20250525%2Fus-east-1%2Fs3%2Faws4_request&X-Amz-Date=20250525T131731Z&X-Amz-Expires=300&X-Amz-Signature=29d20e347eb7de72fd520067590ac3b5439e2d770255442c9038e46c7cfb79f8&X-Amz-SignedHeaders=host)
45+
<img width="803" alt="Image" src="https://github.com/user-attachments/assets/fd8e3dda-2603-4195-bd41-64b73a1275bd" />
4646

4747
<span class="highlighting-underline">가장 위에 보이는 그래프가 Lighthouse가 측정한 이 웹 페이지의 종합 성능 점수</span>입니다.<br/>
4848
이 점수는 아래에 보이는 다섯 가지 지표(metrics)에 가중치를 적용해 평균 낸 점수입니다.
@@ -84,6 +84,6 @@ CLS는 총점을 계산할 때 `25%의 가중치`를 갖습니다.
8484

8585

8686
### Diagnostics
87-
![Diagnostics](https://github-production-user-asset-6210df.s3.amazonaws.com/79291114/447334902-767a0f2b-7355-4e2c-b7c2-44dd634973f7.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIAVCODYLSA53PQK4ZA%2F20250525%2Fus-east-1%2Fs3%2Faws4_request&X-Amz-Date=20250525T131803Z&X-Amz-Expires=300&X-Amz-Signature=744b0eab863fb2116741d7d1104c3948e5a3c4b2b87f90d9007323905b4342e1&X-Amz-SignedHeaders=host)
87+
<img width="731" alt="Image" src="https://github.com/user-attachments/assets/767a0f2b-7355-4e2c-b7c2-44dd634973f7" />
8888
Lighthouse 지표 화면에서 아래로 스크롤을 내려보면 성능과 관련된 기타 정보를 보여줍니다.<br/>
8989
이 섹션을 통해 <span class="highlighting-underline">해당 서비스의 어느 부분을 개선해야 성능을 향상할 수 있는지 쉽게 파악</span>할 수 있습니다.

0 commit comments

Comments
 (0)