Google이 올해 후반에 Chrome 90을 출시하면 웹사이트 성능에 대한 통계를 제공하는 오버레이 기능을 제공하게 됩니다.
Google이 올해 후반에 Chrome 90을 출시할 때 브라우저에는 개발자에게 웹사이트 성능에 대한 중요한 통계를 제공하는 새로운 오버레이 옵션이 포함됩니다.
Google 엔지니어링 관리자가 Chrome의 새로운 성능 헤드업 디스플레이(HUD)에 대해 자세히 설명했습니다. 애디 오스마니 (을 통해 Android경찰). Chrome DevTools의 일부가 될 새로운 오버레이는 개발자에게 핵심 웹 바이탈과 부드러움 측정항목을 모두 제공합니다. HUD가 활성화되면 지속적으로 각 태그에 표시됩니다.
새로운 성능 오버레이는 다음과 같습니다. Google의 Web Vitals 출시, '웹에서 훌륭한 사용자 경험을 제공하는 데 필수적인 품질 신호에 대한 통합 지침'을 제공하는 것을 목표로 하는 이니셔티브입니다.
2020년 5월에 Core Web Vitals에 관해 우리가 말한 내용은 다음과 같습니다.
핵심 웹 바이탈은 모든 웹페이지에 적용되는 모든 웹 바이탈의 하위 집합으로, 모든 웹사이트 소유자가 측정해야 하며 모든 Google 도구에 표시됩니다. 현재 이러한 핵심 웹 바이탈은 사용자 경험의 세 가지 측면(로딩, 상호 작용 및 시각적 안정성)에 중점을 두고 있으며 다음 측정항목(및 해당 임계값)을 포함합니다.
- LCP(Largest Contentful Paint): 로딩 성능을 측정합니다. 좋은 사용자 경험을 제공하려면 페이지가 처음 로드되기 시작한 후 2.5초 이내에 LCP가 발생해야 합니다.
- FID(첫 번째 입력 지연): 상호 작용을 측정합니다. 좋은 사용자 경험을 제공하려면 페이지의 FID가 100밀리초 미만이어야 합니다.
- CLS(누적 레이아웃 변경): 시각적 안정성을 측정합니다. 좋은 사용자 경험을 제공하려면 페이지에서 CLS를 0.1 미만으로 유지해야 합니다.
빠르고 원활한 경험을 갖춘 웹사이트를 만드는 것이 개발자의 가장 큰 관심사입니다. 그것은 ~ 때문에
구글은 웹사이트 순위를 매길 것이다 2021년 5월부터 '페이지 경험'을 기반으로 합니다. Google은 작년 8월부터 웹 사이트에 Core Web Vitals 측정항목을 충족하는 라벨을 지정하기 시작했으며 Chrome 85 사용자에게 링크가 '빠른 페이지'로 연결되는지 여부를 알려줍니다.Osmani에 따르면 HUD는 아직 다듬어지고 있으므로 안정성이나 성능과 같은 것들은 시간이 지나면서 나올 것입니다. 다음으로 향하시면 됩니다. crbug.com 내부 > GPU > 지표 구성 요소에서 버그나 피드백을 보고하세요.