핵심 Web Vitals 이해: 모니터링 방법 및 웹 사이트에 미치는 영향

게시 됨: 2021-11-15

Core Web Vitals는 Google이 웹사이트의 품질을 평가하는 데 사용하는 측정항목 집합입니다. 이러한 측정항목에 맞게 사이트를 최적화하는 것은 절대적으로 중요합니다. 좋은 점수를 받기 위해 이러한 측정항목을 최적화하면 웹사이트에 견고한 사용자 경험(UX)이 제공될 뿐만 아니라 빠른 로딩 속도 및 고성능과 결합된 사용자 경험도 검색 엔진 순위를 높일 수 있습니다. 기본적으로 Google Page Speed ​​Insights와 관련하여 잘 하려면 핵심 성능 보고서가 최상의 상태여야 합니다.

핵심 Web Vital 이해

가장 먼저 다루어야 할 것은 핵심 웹 바이탈의 정의입니다. Google에서는 다음과 같이 말합니다.

Web Vitals는 웹에서 우수한 사용자 경험을 제공하는 데 필수적인 품질 신호에 대한 통합 지침을 제공하기 위한 Google의 이니셔티브입니다. [. . .] 핵심 Web Vital은 모든 웹 페이지에 적용되는 Web Vital의 하위 집합이며 모든 사이트 소유자가 측정해야 하며 모든 Google 도구에 표시됩니다. Core Web Vitals 각각은 사용자 경험의 고유한 측면을 나타내고 현장에서 측정 가능하며 중요한 사용자 중심 결과의 실제 경험을 반영합니다.

더 쉬운 영어로 Google은 최상의 조건에서 시뮬레이션된 응답이 아니라 웹사이트의 실제 경험을 나타내는 정량화 및 측정 가능한 측정항목 세트를 구성했습니다. 그들은 페이지 경험이라고 부르는 것을 함께 뭉칩니다.

그들에 대해 이해해야 할 가장 기본적인 것은 사용자가 사이트를 사용하기 어렵거나 실망스럽다고 생각하는 경우 콘텐츠가 얼마나 좋은지는 중요하지 않다는 것입니다. Google은 사람들이 좌절하는 것을 원하지 않습니다.

Core Web Vital은 기술적인 세부 사항이 아니라 사이트에서 사용자와 사용자의 경험을 우선시하는 것에 관한 것입니다.

핵심 Web Vital은 무엇입니까?

Google에서 가장 중요하다고 생각하는 실제 핵심 성능 보고서는 시간이 지남에 따라 변경될 수 있습니다. 인터넷 기술이 발전함에 따라 사용자의 기대치도 발전합니다. 현재 Google 페이지 속도 통계 및 웹 바이탈은 다음 측정항목을 고려합니다. 아래에서 Google이 평가하는 모든 측정항목에 대한 간략한 개요를 찾을 수 있으며 측정, 사이트 최적화 및 각각에 대한 점수 극대화에 대한 통찰력과 이해를 얻기 위한 자세한 가이드 링크를 제공합니다.

첫 번째 입력 지연

핵심 웹 바이탈을 위한 fid

FID(First Input Delay)는 총 차단 시간이라고도 하며 사용자의 첫 번째 작업과 브라우저의 응답 시간 사이의 시간을 밀리초 단위로 측정합니다. 여러 사이트 속도 분석에서 "리소스 차단"을 언급하는 오류를 볼 수 있습니다. 이것이 바로 이것이 말하는 것입니다.

특정 스크립트를 먼저 로드하는 웹 사이트가 있는 경우 전체 웹 사이트가 중단되고 완료될 때까지 로드가 중지됩니다. 일부 요소는 동시에 로드할 수 없습니다. 그런 일이 발생하면 새 콘텐츠를 표시하기 위한 차단(렌더링 차단)과 사용자 입력(프로세스가 중단되거나 일시 중지되어 브라우저와 서버가 입력을 전달함)이 모두 차단됩니다.

Google은 현재 FID/TBT 를 핵심 핵심 성능 중 가장 중요한 것으로 간주하며 사이트의 Page Speed ​​Insights 점수를 결정할 때 전체 가중치의 30%를 부여합니다.

첫 번째 콘텐츠가 있는 페인트

핵심 웹 바이탈을 위한 fcp

FCP(First Contentful Paint)는 가장 첫 번째 DOM 요소가 표시되는 경우이며 일반적으로 이미지 또는 텍스트입니다. 이 측정항목은 단색 배경색이나 빈 캔버스와 같은 빈(또는 내용이 없는) 요소를 측정하지 않습니다.

FCP는 전체 사이트 속도를 나타내지 않는다는 점에서 상당히 흥미로운 지표입니다. 사용자의 관점에서 인지된 사이트 속도를 반영합니다. FCP는 사용자가 사이트 팝업의 첫 번째 비트를 보게 되는 시간을 측정합니다. 사용자가 사이트 콘텐츠가 빠르게 표시되는 것을 보면 나머지 사이트를 로드하는 데 시간이 조금 더 걸리더라도 사이트가 빠르게 로드된다는 인식을 나타냅니다.

가장 큰 콘텐츠가 포함된 페인트

핵심 웹 vitals용 lcp

사이트의 LCP(Large Contentful Paint)는 표시 영역 콘텐츠의 가장 큰 섹션이 표시되는 데 걸리는 시간입니다. 이상적으로는 나머지 웹사이트가 로드 되기 전에 가장 큰 콘텐츠 덩어리가 표시됩니다. 이것은 위에서 논의한 바와 같이 낮은 FCP를 나타낼 뿐만 아니라 다른 스크립트와 미디어가 브라우저에 로드될 때 사용자가 스스로를 차지할 수 있는 무언가를 제공합니다.

일반적으로 영웅 섹션 또는 상당한 덩어리가 LCP를 구성합니다. FCP보다 LCP 측정항목은 Google의 전체 페이지 경험을 더 잘 수량화하며 다른 요소보다 먼저 사이트 개선에 중점을 두는 요소 중 하나여야 합니다.

누적 레이아웃 이동

핵심 웹 바이탈에 대한 누적 레이아웃 변경

CLS(누적 레이아웃 이동)는 페이지가 계속 로드될 때 웹사이트 콘텐츠의 위치가 스크롤 없이 볼 수 있는 위/아래로 이동하는 정도를 측정한 것입니다. 웹 사이트를 방문하여 이미지와 버튼이 화면 주위를 튕기는 것을 보고 원하는 것을 클릭할 수 없는 경우가 바로 CLS입니다. 사이트의 요소는 입력, 스크롤, 클릭, 호버링 없이 이리저리 움직입니다. 상황이 저절로 움직입니다.

그리고 이는 Google의 페이지 경험에 큰 영향을 미치는 요소입니다. 끊임없이 변화하는 인터페이스를 갖는 것은 웹사이트 사용자에게 일어날 수 있는 가장 실망스러운 일 중 하나이며, 잘못된 클릭, 잠재적인 잘못된 주문, 심지어 사이트를 떠나게 만드는 단순한 좌절감을 유발합니다.

첫 번째 바이트까지의 시간

핵심 웹 바이탈을 위한 ttfb

TTFB(Time to First Byte)는 이해하기 매우 간단한 개념입니다. 사용자의 브라우저가 서버에서 정보의 첫 번째 바이트를 가져오는(렌더링이 아닌) 시간을 측정합니다. 그게 다야 기본적으로 TTFB는 말 그대로 사용자의 브라우저가 서버가 "안녕하세요"라고 말하는 것을 듣는 순간입니다.

TTFB는 말 그대로 브라우저가 표시 여부에 관계없이 반환하는 모든 정보를 측정합니다. 만족스럽든 말든. 가장 높은 우선 순위의 핵심 웹 바이탈 중 하나로 간주되지는 않지만 TTFB가 낮으면 전체 페이지 로드 속도 및 상호 작용과 직접 관련될 수 있는 빠른 서버 응답을 나타내므로 주의해야 합니다. 우선순위가 높은 웹 바이탈입니다.

속도 지수

핵심 웹 바이탈의 속도 지수

속도 지수는 스크롤 없이 볼 수 있는 부분에서 모든 콘텐츠 가 렌더링되는 시간을 측정하는 사용자에 따라 달라지는 상대적 측정항목입니다. 속도 지수를 사이트의 전체 성능 및 UX에 대한 빠른 보기 평균으로 생각하십시오. 구체적인 내용은 아니지만 Google Page Speed ​​Insights의 녹색/주황색/빨간색 속도 지수 점수는 일종의 좋음/좋음/나쁨 등급입니다.

Google은 아래에서 논의하는 것처럼 Core Web Vital에 따라 가중치가 다르기 때문에 일부 항목에서는 높은 점수를 받고 다른 항목에서는 낮은 점수를 받는 것이 Google의 눈에는 훌륭한 페이지 경험으로 해석되지 않을 수 있습니다.

가장 중요한 핵심 Web Vitals 지표는 무엇입니까?

글쎄, 그것은 달려있다. Core Web Vitals는 모두 동일하지 않지만 시간이 지남에 따라 어느 정도 변화하는지입니다. Google의 Lighthouse 소프트웨어는 핵심 성능 평가에 대한 가중 평균을 제공하며, 이를 구성하는 점수는 Lighthouse가 발전함에 따라 중요성이 바뀔 수 있습니다. 일부 메트릭은 다른 시기에 다른 것보다 UX에 더 많은 영향을 미칩니다.

등대 8 가중치 메트릭

이 글을 쓰는 시점에서 Lighthouse는 버전 8입니다. 위 이미지 또는 아래 텍스트에서 성능 점수를 내림차순으로 볼 수 있습니다.

  1. 총 차단 시간(30%)
  2. 가장 큰 내용이 포함된 페인트(25%)
  3. 누적 레이아웃 이동(15%)
  4. 첫 번째 콘텐츠가 포함된 페인트(10%)
  5. 속도 지수(10%)
  6. 대화형 시간(10%)

따라서 지금 최고의 점수를 얻으려면 렌더링 차단 리소스를 줄이고 스크롤 없이 볼 수 있는 콘텐츠의 가장 큰 부분을 빠르게 로드하는 데 집중할 수 있습니다. 이는 다른 측정항목을 합친 것보다 핵심 성능 향상 점수에 더 많이 반영됩니다. 그러면 페이지 순위가 전반적으로 높아집니다.

항상 그런 것은 아니며 이러한 가중치가 변경될 것이지만 이 글을 쓰는 시점에서 TBT/FID 및 LCP는 CLS가 3위에 근접하는 가장 중요한 핵심 웹 바이탈입니다.

평이한 영어로 된 테이크아웃

이것은 모두 매우 기술적으로 보일 수 있지만 개념은 실제로는 그렇지 않습니다. Core Web Vitals를 사용한 페이지 경험은 세 가지 기본 요소에서 균형을 이룹니다.

  • 사이트 안정성
  • 반응 및 반응성
  • 속도 및 성능

또는 더 쉬운 영어로:

  • 사이트가 로드될 때 요소를 이동하고 재배치합니까?
  • 사용자가 사이트와 얼마나 빨리 상호작용할 수 있습니까?
  • 사용자가 유용한 정보를 얼마나 빨리 볼 수 있습니까?

답변에 관계없이 이러한 질문은 각각 누적 레이아웃 이동, 첫 번째 입력 지연 및 가장 큰 내용이 포함된 페인트를 처리하여 처리할 수 있습니다.

핵심 Web Vitals가 아닌 것은 무엇입니까?

위에서 말했듯이 기본 아이디어는 Google이 실제 사용자 경험을 추적할 수 있다는 것입니다. 이것이 실제로 의미하는 바는 웹 개발자와 사이트 소유자가 더 단순하고 기술적인 측면에서 사고 방식을 전환해야 한다는 것입니다. Google은 이러한 정보가 없는 경우 페이지 속도 통계에서 불이익을 받을 수 있습니다. 그러나 그들은 몇 년 전에 그랬던 것처럼 당신에게 보상을 주지 않을 것입니다.

이러한 중요한 메트릭에는 모바일 친화성 및 응답 성의 오래된 대기 상태가 포함 되지 않습니다 . 이 시점에서 Google은 귀하의 사이트가 모바일 친화적이고 반응이 좋은 것으로 간주합니다. 중요하지만 예전처럼 더 이상 최상위 목록이 아닙니다.

SSL과 사이트가 HTTPS에서 실행되는지 확인하는 것도 마찬가지입니다. Let's Encrypt와 같은 서비스 및 호스트를 통한 무료 SSL 인증서의 편재로 인해 보안 사이트를 갖는 것은 더 이상 강조할 가치가 없습니다. 웹사이트의 기본 상태입니다. Google은 더 이상 보안을 위해 페이지를 강화하지 않습니다.

Google은 전면 광고 팝업이 없는 것에 대해 보너스를 제공했습니다. 사용자가 사이트를 방문하면 즉시 로드되는 전체 화면 이메일 수신 동의입니다. 그러나 시간이 지남에 따라 회사는 더 이상 불쾌한 팝업을 표시하지 않은 것에 대해 보상하지 않습니다. 그들은 사용자의 시간을 낭비하기 위해 당신의 손목을 때릴 것입니다.

이것은 말할 필요도 없지만 사이트에서 세이프 브라우징 경험(즉, 맬웨어 없음)을 갖는다고 해서 부스트되지는 않습니다. 여러 면에서 이것은 웹사이트가 충족할 수 있는 가장 낮은 기준입니다. 사용자를 해치지 않은 것에 대한 보상은 없지만 패널티가 있습니다.

핵심 웹 바이탈을 측정하는 방법

Google은 사용자 경험과 최적화된 핵심 성능 평가에 우선 순위를 두었기 때문에 사이트와 위치를 측정하는 데 사용할 수 있는 여러 도구가 있습니다.

  • Lighthouse는 핵심 웹 바이탈을 측정하는 기본 소프트웨어입니다. 다른 도구에 통합되어 있지만 직접 Lighthouse 감사를 실행하여 가능한 한 많은 정보를 얻을 수도 있습니다. 그러나 사용 가능한 모든 도구 중 가장 기술적인 도구입니다.
  • Google의 Page Speed ​​Insights 도구는 훨씬 더 쾌적한 UI에 Lighthouse를 통합하기 때문에 이를 측정하는 데 가장 잘 알려져 있습니다. Google에서 웹사이트를 보는 방식에 대한 전체 보기를 제공하지만 다른 도구를 사용하여 항목을 측정할 수도 있습니다. Page Speed ​​Insights는 가장 빠르고 잘 설계된 사이트에서도 예외적으로 가혹한 것으로 알려져 있습니다.
  • Google Search Console은 핵심 웹 바이탈을 측정하기 위한 다른 종류의 원스톱 샵입니다. 개별 콘텐츠 및 URL에서 개선해야 할 부분과 부족한 부분(또는 없는 부분)에 대한 페이지별 보고서를 받습니다.
  • GT Metrix 및 Pingdom 도구는 핵심 Web Vital에 대한 통찰력을 제공할 수 있는 타사 속도 및 성능 테스트입니다. 그것들은 우리가 언급한 다른 것들처럼 Google에서 직접 가져온 것이 아니기 때문에 더 많은 실제 데이터와 다양한 위치와 다른 기술을 사용하는 사용자가 귀하의 사이트를 보는 방식을 볼 수 있습니다.

결론

가장 중요한 점은 사용자가 먼저라는 것입니다. 언제나. 그것이 당신이 만드는 콘텐츠이든, 그들이 경험하는 콘텐츠이든, 심지어 그들이 경험하는 콘텐츠에 대한 인식이든 상관없습니다. 그들이 귀하의 사이트를 보는 방법은 귀하가 사이트를 구축하는 방법보다 더 중요합니다. 확실히, 잘못 구축되고 디자인된 웹사이트는 낮은 점수를 받을 것입니다. 따라서 기술적인 측면이 확실히 중요합니다. 그러나 핵심 웹 바이탈이 단순히 존재하는 것이 아니라 초점을 맞추는 기술적 결정의 최종 결과입니다.

Google의 핵심 성능 보고서의 현재 상태에 대해 어떻게 생각하십니까? 댓글로 알려주세요!

BestForBest/Shutterstock.com의 기사 특집 이미지