본문으로 건너뛰기

"Web" 태그로 연결된 3개 게시물개의 게시물이 있습니다.

모든 태그 보기

Next.js를 중심으로 한 코어 웹 바이탈 최적화

· 약 20분
Dongkyu Kim
Front-end Developer

이전 포스팅에서 코어 웹 바이탈에 대해 살펴보고, 웹을 개선하기 위해 어떻게 코어 웹 바이탈을 측정할 수 있는지에 대해 알아보았다. 두 번째 단계로, 측정한 코어 웹 바이탈을 어떻게 개선할지 알아보자.

현재 담당하고 있는 프로젝트의 개발 환경인 Next.js 를 기준으로 정리해 보았다.

이전 포스팅:
웹 성능 지표, 코어 웹 바이탈(CWV)
코어 웹 바이탈 측정을 위한 도구 모음

코어 웹 바이탈 측정을 위한 도구 모음

· 약 12분
Dongkyu Kim
Front-end Developer

이전 포스팅에서 살펴본 "Core Web Vitals", 각자의 프로젝트에서 코어 웹 바이탈을 개선하기 위한 첫 단계로 어떻게 코어 웹 바이탈을 측정할 수 있는 지에 대해 알아보자.

이것저것 찾아보고 정리하다 보니 크게 개발 시 유용한 측정 도구들과 지속적인 모니터링을 위한 도구들로 나누어졌다.

이전 포스팅:
웹 성능 지표, 코어 웹 바이탈(CWV)

웹 성능 지표, 코어 웹 바이탈(CWV)

· 약 17분
Dongkyu Kim
Front-end Developer

성능은 회사의 수익에 직접적인 영향을 미쳤습니다.
Performance has directly impacted the company’s bottom line.

Pinterest

웹 바이탈(Web Vitals)은 웹에서 최종 사용자 페이지 경험을 측정하기 위한 통합 지침과 지표를 제공하기 위해 Google에서 만든 이니셔티브다.