next image blurDataURL 직접 부여하기
NextJS를 사용하면, 무조건 거치게 되는 기능이 있다. 바로 Image Optimization이다.
필자도 현록을 개발하면서 LCP 시점을 개선하기 위한 방법을 찾던 중 알게 됐는데, 파면 팔수록 Vercel은 정말 무서울 지경이다.
오늘연 여기서 placeholder prop에 blur를 부여하고 blurDataURL prop value를 직접 부여하는 경우를 다뤄보겠다.
next·2022년 10월 5일·6 min read