NextJS는 어떻게 이미지를 최적화할까? | deunlog

[giscus[bot]]

NextJS는 어떻게 이미지를 최적화할까? | deunlog

:::note 이 글은 NextJS 14.2.23 버전을 기준으로 작성되었습니다. ::: 웹에서 이미지는 페이지 로딩 속도와 사용자 경험에 큰 영향을 미친다. 최적화되지 않은 이미지는 페이지 로딩을 느리게 하고 사용자 이탈률을 높이며, SEO에도 부정적인 영향을 미칠 수 있다. 이...

https://deun.dev/post/nextjs-image-optimization

[seoyoonyi]

좋은글 감사합니다!!!! next/image가 이렇게 최적화 되는군요!

[kimpra2989]

궁금했지만 찾아보지는 않던 것들이 다 여기 있네요? 개꿀입니다.

1. 브라우저가 읽을 수 있는 파일형식이 어떤 건 줄 알고 최적화하는 걸까?
   ㄴ http Accept 헤더 활용
2. Image 테그는 어떤 식으로 최적화를 진행하는 걸까?
   ㄴ src 경로를 재설정하여 미들웨어로 처리할 수 있도록 함

생각했던 것보다 훨씬 체계적으로 관리되고 있군요?..
마술쇼의 비밀을 알게된 기분이에요. (⊙_⊙)ﾉ