오늘은 cloudy를 개발하면서 작성해 두었던 노션을 바탕으로 이미지 최적화 시도 경험을 작성해보려고 한다! 우선 당연히 이미지는 img 태그를 사용했었다. 와 근데 렌더링 속도가 너무 느렸다. 진짜 농담이 아니라 드드드득.. 한 2초 정도 걸렸던 것 같다. 그래서 lighthouse를 통해서 분석해 봤는데 두둥,, 저 빨간색 글씨인 Largest Contentful Paint를 보면 약 8.3초가 걸린다고 나와있다. 너무 느리게 측정된 이유는 public안에 있는 이미지를 가져와서 그렇고 cdn이 설정된 이미지를 가져왔을 때는 2.4초로 측정되었다. 그래도 빨간색 글씨로 표시되었다! LCP(Largest Contentful Paint)?로딩 성능을 측정하는 지표로서, 페이지가 처음으로 로드를 시작한..
