Google Core Web Vitals – 웹사이트 소유자를 위한 중요한 도구

핵심 성과 보고서를 통해 Google은 웹사이트 소유자에게 유용한 도구를 제공합니다. 이러한 명확하게 정의된 지표를 통해 웹사이트 운영자는 언제든지 페이지의 사용성을 측정, 비교 및 ​​최적화할 수 있습니다. 메트릭의 현재 값은 다양한 도구에서 사용할 수 있습니다. Core Web Vitals에 대해 웹사이트를 최적화하기 위한 몇 가지 옵션이 있습니다. 세부 정보를 해당 웹사이트에 맞게 조정하는 것이 좋습니다.

핵심 Web Vitals – 사용성을 평가하기 위한 지표

Core Web Vital은 웹사이트의 유용성을 평가하는 기술 지표입니다. 그들의 계산은 기본 논리가 이해하기 쉬운 몇 가지 확고하게 정의된 기준을 기반으로 합니다. Core Web Vitals를 계산하는 이러한 방법은 웹사이트 운영자와 개발자에게 웹사이트에 대한 객관적인 관점을 제공하고 다양한 버전을 쉽게 비교할 수 있도록 합니다.

2021년 6월부터 Google은 초기에 세 가지 주요 수치를 평가할 것입니다. 모바일 장치 또는 보안에 대한 최적화와 같은 다른 분석과 함께 해당 결과는 SEO 관련 순위 요소인 "페이지 경험"으로 흘러갑니다. Google은 나중에 추가 요소와 주요 수치를 추가할 수 있습니다.

세 가지 핵심 인물의 중요성

도입된 세 가지 핵심 웹 바이탈은 LCP(Large Contentful Paint), FID(First Input Delay) 및 CLS(Cumulative Layout Shift)라고 합니다. 처음 두 가지 요소가 페이지의 속도를 분석하는 동안 세 번째 요소는 프레젠테이션에 중점을 둡니다.

최대 함량 페인트(LCP)

LCP 값은 페이지의 로딩 속도를 측정합니다. LCP는 페이지 로드 후 페이지의 가장 큰 콘텐츠 블록이 사용자에게 표시될 때까지 걸리는 시간을 나타냅니다. 이 가장 큰 콘텐츠 블록은 종종 이미지나 비디오이지만 때로는 큰 텍스트 블록이기도 합니다. 일반적으로 이것은 사용자의 관점에서 페이지에서 가장 크고 가장 관련성이 높은 콘텐츠입니다. 따라서 표시할 때 사용자의 인내심이 너무 많이 소모되어서는 안 됩니다. Google에 따르면 좋은 LCP 값은 최대 2.5초입니다.

첫 번째 입력 지연(FID)

FID는 사용자와 페이지 간의 상호 작용 속도를 평가합니다. 이를 위해 값은 브라우저가 사용자의 첫 번째 대화형 입력에 반응하는 데 걸리는 시간을 측정합니다. 이 사용자 입력은 버튼을 클릭하거나, 양식을 사용하거나, 링크된 페이지를 호출하는 것일 수 있습니다. 이러한 모든 작업에 대해 사용자는 일반적으로 이 영역에서 허용되는 기간이 매우 짧기 때문에 긴 대기 시간에 직면해서는 안 됩니다. 따라서 Google은 최대 100밀리초의 FID 값만 양호한 것으로 평가합니다.

누적 레이아웃 시프트(CLS)

CLS 값은 페이지를 표시하는 동안 레이아웃 이동을 측정합니다. 이러한 변화는 사용자에게 특히 짜증납니다. 콘텐츠를 시야 밖으로 이동하여 읽기 흐름을 방해할 뿐만 아닙니다. 이러한 변화는 원치 않는 링크를 불러오는 것부터 실수로 버튼을 클릭하는 것까지 원치 않는 상호 작용으로 이어질 수도 있습니다. Google은 화면에서 페이지 요소의 이동량에서 CLS 값을 계산합니다. Google에 따르면 웹사이트의 CLS 값은 페이지 표시 기간 동안 합산됩니다. 0에서 0.1까지의 모든 것이 우수한 범위에 있습니다.

핵심 웹 바이탈 측정

웹사이트 소유자와 개발자는 다양한 도구를 사용하여 웹사이트에 대한 현재 핵심 성능 보고서에 액세스할 수 있습니다. 현장 도구와 실험실 도구 중에서 선택할 수 있습니다. 의미 있는 평가를 위해 웹사이트 소유자와 개발자는 두 변형을 조합하여 사용하는 것이 좋습니다.

Chrome 사용자 경험 보고서 또는 Google Search Console과 같은 현장 도구는 사용자의 브라우저를 통해 직접 측정항목을 측정합니다. 여기 에서 Google Search Console에 대한 추가 정보를 찾을 수 있습니다. 결과는 실제 조건에서 사용자 경험에 대한 좋은 개요입니다. 그러나 전제 조건은 웹 페이지에 대한 충분한 사용 데이터를 사용할 수 있다는 것입니다.

이를 보완하기 위해 Chrome DevTools와 같은 Lab 도구를 사용하는 것이 좋습니다. 개발자가 페이지를 출시하기 전에도 페이지의 사용성을 분석하고 최적화하는 데 필수적인 도구입니다. 그러나 개발자는 Lab Tools로 FID 값을 측정할 수 없습니다.

일상 생활에서 Core Web Vitals의 중요성

Core Web Vitals의 값이 낮으면 웹사이트 운영자와 개발자에게 최적화의 필요성을 직접적으로 알 수 있습니다. 긴 로딩 시간, 느린 상호 작용 또는 레이아웃 변경에 대해 사용자마다 다르게 반응할 수 있지만 값이 낮으면 많은 참을성 없는 방문자가 겁을 먹을 수 있습니다. 따라서 Core Web Vitals에 대한 높은 값은 모든 웹 사이트 운영자의 이익이 되어야 합니다.

Core Web Vitals가 향후 페이지 순위에서 어떤 역할을 할지는 시간이 말해줄 것입니다. 최소한 이러한 측정항목은 Google 모바일 색인에 대한 SEO 순위 요소 "페이지 경험"의 중심 구성요소입니다. 그러나 좋은 유기적 순위를 위한 가장 중요한 중요성은 계속해서 페이지의 콘텐츠일 것입니다. 그러나 여러 페이지가 콘텐츠에서 유사하게 작동한다면 사용성은 궁극적으로 더 나은 순위를 결정하는 요소가 될 수 있습니다.

결과 최적화

콘텐츠 측면에서 세 가지 메트릭의 중요성을 모두 알고 있다면 이미 최적화를 위한 초기 시작점을 도출할 수 있습니다. 가능성은 다양하며 각 페이지와 내용에 따라 다릅니다. 그러나 몇 가지 일반적인 조정 나사가 있습니다.

더 나은 LCP 값을 위해서는 페이지와 주요 콘텐츠의 로딩 시간을 줄여야 합니다. 더 높은 LCP 점수를 달성하기 위한 조치는 이미지에 대한 최신 압축 방법을 사용하는 것으로 시작하며 서버 및 클라이언트 측 캐싱에서 더 빠른 서버 하드웨어 사용에 이르기까지 다양합니다. 적당한 LCP 값은 정리할 수 있는 좋은 기회이기도 합니다. 예를 들어 더 이상 사용하지 않는 스크립트를 제거하고 텍스트 기반 파일을 압축해야 합니다.

FID 값이 낮으면 사용 중인 브라우저가 사용자 입력에 너무 느리게 응답합니다. 종종 광범위한 JavaScript 프로그램을 실행하느라 바쁩니다. 대신 긴 스크립트를 더 작은 부분으로 분할하면 브라우저가 중간에 사용자에게 응답할 수 있습니다. 광범위한 계산을 서버로 옮기는 것도 사용자 상호 작용에 긍정적인 영향을 미치므로 FID 값에 영향을 줄 수 있습니다.

좋은 CLS 값을 얻으려면 로드하기 전에 가능한 한 페이지 레이아웃을 결정하는 것이 좋습니다. 레이아웃은 예를 들어 이미지 및 비디오에 대한 고정된 높이 및 너비 사양 또는 광고 배너를 위해 미리 예약된 공간에 의해 미리 결정될 수 있습니다. 또한 페이지 상단이 아닌 기존 컨텐츠 아래에 새 컨텐츠를 삽입하는 것이 좋습니다. 그러면 레이아웃의 더 중요한 부분이 안정적으로 유지되고 CLS 값이 일반적으로 더 좋아집니다.

물론 이러한 조치를 최적화하는 데 도움이 필요한 경우에도 도움 을 제공합니다.

사용자 친화성을 향한 또 다른 중요한 단계

Google은 Core Web Vitals를 통해 사용하기 쉬운 고성능 웹사이트의 중요성을 강조합니다. 해당 주요 수치는 순위 요소에만 포함되지 않습니다. 무엇보다도 웹사이트 운영자와 개발자에게 필수적인 동시에 이해하기 쉬운 도구입니다. 그들은 항상 웹사이트의 사용자 친화성을 나타내는 지표로 값을 주시해야 합니다.

추가 질문이 있으면 언제든지 문의해 주십시오 .