2026.01.04E·49성능 프로파일링
느리다고 느껴서 감으로 최적화했는데 오히려 더 느려졌다. 프로파일러로 병목을 정확히 찾는 법을 배운 이야기.
PerformanceProfilingDevTools
→2025.12.19E·33`<img>` 태그 썼다가 혼났습니다 (LCP 2.5초의 비밀)
멋진 히어로 이미지를 `<img>` 태그로 넣었더니 LCP 점수가 빨간색입니다. Next.js의 `Image` 컴포넌트가 어떻게 이미지 사이즈, 포맷, 로딩 시점을 자동 최적화하는지, 그리고 `sizes` 속성의 비밀을 파헤쳐봤습니다.
Next.jsPerformanceImage Optimization
→