구글 크롬 브라우저, 실시간 웹 페이지 성능 지표를 제공하는 HUD 획득-Appuals.com

기술 / 구글 크롬 브라우저는 실시간 웹 페이지 성능 지표를 제공하는 HUD를 얻습니다. 2 분 읽기 Chrome Canary 알림 메시지

구글 크롬

Google은 정보를 제공하는 HUD (Heads-Up Display)를 Chrome 브라우저 . 오버레이는 웹 페이지의 핵심 성능 지표를 실시간으로 제공합니다. 이를 통해 사용자는 웹 페이지가 브라우저 및 장치의 성능에 미치는 영향을 이해할 수 있습니다.

현재 실험적인 기능인 새로운 실시간 웹 페이지 성능 오버레이는 기본적으로 핵심 웹 필수 요소 올해 초 Google이 출시 한 플랫폼입니다.

Google Core Web Vitals는 시각적 및 실시간 웹 페이지 성능 오버레이를 제공합니다.

Google Core Web Vitals는 웹 사이트를 탐색 할 때 좋은 사용자 경험을 제공하는 데 필요한 웹 페이지의 성능 및 사용자 경험 측정 항목을 측정합니다. vitals에는 현재 LCP (Largest Contentful Paint), FID (First Input Delay) 및 CLS (Cumulative Layout Shift)가 포함됩니다.

커서가 있는 Windows 10 검은색 화면

LCP (최대 함량 페인트) 브라우저의 볼 수있는 화면에서 가장 큰 요소가 표시되는시기를 측정합니다. 좋은 사용자 경험을 제공하려면 LCP는 2.5 초 페이지가 처음로드되기 시작하는시기입니다.
첫 번째 입력 지연 (FID) 사용자가 페이지와 처음 상호 작용 한 시점부터 브라우저가 해당 상호 작용에 응답 할 수있는 시점까지의 시간을 측정합니다. 좋은 사용자 경험을 제공하려면 페이지의 FID가 100 밀리 초 .
누적 레이아웃 이동 (CLS) 표시 영역에서 보이는 콘텐츠의 이동 정도와 이러한 요소가 이동하는 거리를 측정합니다. CLS의 일반적인 이유는 보이는 콘텐츠를 밀어내는 광고가 표시되는 경우입니다. 좋은 사용자 경험을 제공하기 위해 페이지는 CLS를 0.1.

덧붙여서 Google은 Google 검색 엔진을 통해 검색 및 방문한 웹 사이트에 대한 순위 알고리즘 내에서 Core Web Vitals 측정 항목을 고려하기 시작할 것입니다. 즉, 웹 사이트는 Google 검색 결과에서 관련성을 유지하기 위해 LCP, FID 및 CLS 측정 항목을 개선해야합니다.

Chrome 웹 브라우저에서 볼 수있는 기본 제공 기능으로 Google Core Web Vitals 측정 항목 :

Google Chrome Canary 빌드에서 회사는 웹 페이지를 사용하는 동안 실시간 성능 측정 항목을 표시하는 내장 HUD를 만들고 있습니다. 최근까지 Chrome 사용자는 확장 프로그램을 사용하여 측정 항목에 액세스 할 수있었습니다.

[이미지 출처 : BleepingComputer]

새 HUD는 웹 페이지의 오른쪽 상단에 있습니다. LCP (Largest Contentful Paint), FID (First Input Delay) 및 CLS (Cumulative Layout Shift)에 대한 성능 메트릭이 표시됩니다. HUD에는 ADF (Average Dropped Frame)도 포함됩니다.

ADF는 부드럽기 미터법 웹 페이지의 GPU 및 렌더링 성능을 측정합니다. ADF가 낮을수록 페이지가 더 부드러워지고 드롭 된 프레임이 높으면 웹 페이지를 사용할 때 '잔크'또는 끊김 현상이 발생합니다.