web vital1 [이미지 최적화] 01. Next/Image를 활용한 페이지 성능 개선 다독다독 프로젝트가 굉장히 오랫동안 진행하고 있는 와중에 인상깊게 배웠던것들을 블로그에 기록해보려한다.좋은 기회들을 계속해서 만들어갈 수 있도록 힘 써 주고 있는 팀원들에게 압도적 감사...! 페이지 성능 개선을 위해 손 볼 수 있는 요소는 참 많습니다당장 떠오르는 것만해도 이미지, 폰트, 캐싱 전략, CDN 활용, JS 번들 사이즈 줄이기 등등...이외에도 정말 많을 것입니다그 중 오늘 이야기할 내용은 바로, Next/Image 컴포넌트를 활용한 이미지 최적화!Next/Image 컴포넌트를 사용했을 때 얻을 수 있는 이점 3가지이미지 최적화, lazyloading, placeholder에 대해 알아봅시다 이미지 최적화Next/Image 컴포넌트를 가져다 쓰면 자동으로 최적화가 된다?왜 그럴까.. 2023. 11. 30. 이전 1 다음