Next.js에서 제공하는 Image 컴포넌트를 사용해서 이미지 로딩을 하는 중, 거의 700ms 정도에 육박하는 충격적인 로딩속도를 보여주어서 구글링 해봤다.
이건 Image 컴포넌트가 사용하는 기본 이미지 프로세서 때문이라고 하는데, sharp 패키지를 설치하면 해결된다. 패키지를 설치하면 정말 빠르게 이미지가 로딩되는 것을 확인할 수 있다.
yarn add sharp
'프로그래밍 > JS, Node.js' 카테고리의 다른 글
| [typescript] 어두운 색깔인지 확인 (isDarkColor, HEX, RGB, tinycolor) (0) | 2022.08.14 |
|---|---|
| [Next.js] styled-components를 Client side 렌더링 이전에 적용시키기 (덜그덕 방지, Typescript) (0) | 2022.08.05 |
| [Next.js] MongoDB 연결하기 (next-connect, typescript) (0) | 2022.06.26 |
| [Next.js] 개발 모드에서 useEffect가 두 번 호출될때 (0) | 2022.06.25 |
| [Next.js] process.env가 undefined로 나올때 (0) | 2022.06.25 |