readme 이미지 수정

Author: ghbaekdev

README.md

@@ -22,14 +22,14 @@
 
 ---
 
-![prev_performance](https://artinfo.s3.ap-northeast-2.amazonaws.com/prod/upload/1710/images/20241124/original/Nrqvt5WjiNA.1732424945855.png)
+![prev_performance](https://artinfo.s3.ap-northeast-2.amazonaws.com/prod/upload/1710/images/20241128/original/E8JU7wSReQo.1732799969915.png)
 
 ### 개선 후 성능
 
 | 변수명      | 측정값 |
 | ----------- | ------ |
 | FCP         | 0.6s   |
-| LCP         | 1.8s   |
+| LCP         | 0.6s   |
 | TBT         | 0s     |
 | CLS         | 0.005  |
 | Speed Index | 1.2s   |
@@ -45,6 +45,6 @@
 - 메인 스레드를 블로킹하는 문제를 해결하기 위해 setTimeout을 사용하여 비동기적으로 처리하였습니다.
 - 무거운 연산을 청크로 나누어 처리하는 함수를 작성하였습니다.
 
-#### 3. 이미지 lazy loading으로 초기 로딩 시간을 단축하고 필요한 시점에 이미지를 로드하도록 개선하였습니다.
+#### 3. 히어로 이미지파일 형식을 WebP로 변경하여 이미지 크기를 LCP를 크게 감소시켰습니다.
 
 기존 코드는 한번에 천만번의 연산을 한꺼번에 처리하다 보니 브라우저가 멈추는 현상이 발생했습니다. 이로 인해 TBT가 0.15s가 발생했습니다. 이를 개선하기 위해 전체 작업을 1000개씩 나누어 처리하고, setTimeout을 활용해 다음 작업을 대기열에 넣어두는 방식으로 변경했습니다. 덕분에 TBT가 0s로 개선되었습니다.