ReasonJun

Web Vitals : LCP / FID / CLS & Measure Performance / Lighthouse 본문

Frontend/Library

Web Vitals : LCP / FID / CLS & Measure Performance / Lighthouse

ReasonJun 2023. 6. 21. 12:36
728x90

Web Vitals are a set of metrics that measure the user experience of a web page. They are designed to help developers understand how their pages are performing and identify areas where they can improve.

The three core Web Vitals are:

  • Largest Contentful Paint (LCP): This measures the time it takes for the largest contentful paint (LCP) element on a page to render. The LCP element is typically the text or image that is most important to the user's experience.
  • First Input Delay (FID): This measures the time it takes for a user to interact with a page after it has loaded. The FID is important because it measures how responsive a page feels to the user.
  • Cumulative Layout Shift (CLS): This measures the amount of visual change that occurs as a page loads. The CLS is important because it measures how stable a page feels to the user.

https://web.dev/vitals/

 

Web Vitals

정상적인 사이트를 위한 필수 메트릭

web.dev

 

 

Measure Performance

https://developers.google.com/speed

 

Make the Web Faster  |  Google for Developers

고성능 웹사이트를 빌드하는 데 도움이 되는 도구 및 정보입니다.

developers.google.com

Chrome extension Lighthouse

Chrome extension Performance insights

728x90
저작자표시 (새창열림)

'Frontend > Library' 카테고리의 다른 글

PostCSS & AutoFixer  (0) 2023.06.29
react-hook-form (useForm())  (0) 2023.06.23
ESLint  (0) 2023.06.20
utterances (comment feature)  (0) 2023.06.20
SEO => robots.txt & sitemap (next-sitemap)  (0) 2023.06.20
'Frontend/Library' Related Articles more
Comments