2P by xguru 2020-08-26 | favorite | 댓글 1개

- Core Web Vitals(LCP,FID,CLS) 기준으로 웹 페이지의 사용자 경험을 측정
- 길게눌러서 보이는 컨텍스트메뉴에서 "✓ Fast Page" 라는 마크를 표시
- 크롬 85 베타부터 적용되나, flags 설정에서 바꿔서 바로 사용도 가능

구글, 검색결과 순위에 페이지 경험(Page Experience) 지표 도입 https://news.hada.io/topic?id=2197
- Core Web Vitals
ㅤ→ LCP : Largest Contentful Paint
ㅤ→ FID : First Input Delay
ㅤ→ CLS : Cumulative Layout Shift

Lighthouse 6.0 릴리즈 https://news.hada.io/topic?id=2122
ㅤ→ LCP,CLS,TBT 메트릭 추가

Cumulative Layout Shift (CLS) 란 무엇인가? https://news.hada.io/topic?id=1697
ㅤ→ 이미지/광고의 느린 로딩, 비동기 동작, 동적 DOM변경등으로 웹 페이지의 레이아웃이 얼마나 변하는 지를 측정
ㅤ→ 사용자가 잘못된 클릭을 유발하게 되는 시각적 불안정성을 체크하는 사용자 중심 성능 지표

크롬 83의 개발자 대상 변경사항 https://news.hada.io/topic?id=2123
ㅤ→ Core Web Vitals 적용

개발자가 알아야할 크롬 77 버전의 변경점 https://news.hada.io/topic?id=566
ㅤ→ Largest Contentful Paint (LCP) API 제공으로 가장 큰 엘리먼트의 렌더링 시간을 알수 있음.