• 프론트엔드 개발자는 프로젝트를 만드는 것만이 아니라 performance가 좋은지 안좋은지 체크를 해봐야한다.

<aside> 💡

</aside>

꼭 Next.js가 아니더라도 프론트엔드 프로젝트의 performance는 중요하다!

• 어떻게 측정 하는지

• 어떻게 개선할 수 있을지??

• 어디가 느린지?

Web Performance

• 개념을 한번 살펴 본다.

Web Vitals

• 웹 측정을 위한 사이트이다!!!
• 어떻게 하면 웹 전반의 속도를 올릴 수 있는지….

Core Web Vitals

1. LCP
   1. 적을 수록 좋다.
   2. 사용자가 의미있는 컨텐츠를 볼때까지 얼마나 시간이 걸리는지 측정 (2.5초 이내)
2. FID
   1. 적을 수록 좋다.
   2. 100ms 이하
3. CLS
   1. 적을 수록 좋다.
   2. 0.1 이하