GigaOM Radar Edge Platform Leader & Outperformer 2024 | 
지난 몇 년 동안 Google은 웹 사이트 성능을 측정하고 보고하는 몇 가지 도구를 제공했습니다. 이러한 노력의 일환으로, 검색 거인은 2016 년에 모바일 우선 인덱싱을 시작, 2017 년에 모바일 페이지 가속 (AMP), 2019 년에 속도 업데이트를 시작했습니다. 다가오는 페이지 체험 업데이트로 순위 알고리즘이 변경되어 로드 속도가 느리거나 대화형이 되는 사이트가 현재 사이트보다 순위가 낮아집니다. 이 업데이트는 2021년 5월까지 출시될 예정이며 Google SERP에 웹 사이트의 속도에 대한 가시적인 표시가 포함됩니다.
이것은 검색 트래픽에 의존하는 전자 상거래 웹 사이트에 특히 중요합니다. 또한 대규모 카탈로그, 개인 설정 및 동적 가격 책정으로도 유명하며 페이지 로드에 귀중한 시간을 추가하는 경향이 있습니다. 이커머스 사이트는 힘들게 얻은 순위, 트래픽 및 수익을 유지하기 위해 속도 최적화 게임을 강화해야합니다.
페이지 경험 업데이트는 CWV(핵심 웹 바이탈)라는 세 가지 중요한 고객 지표, 즉 LCP(최대 콘텐츠 페인트), FID(첫 번째 입력 지연) 및 CLS(누적 레이아웃 변경)를 기반으로 합니다. 실제 사용자 페이지 로드의 75% 이상에서 각 메트릭에 대한 Google의 임계값을 충족하지 않으면 핵심 웹 바이탈을 통과하지 못합니다. 불행히도, 전자 상거래 웹 사이트의 13 %만이 현재 통과.
이 게시물에서는 각 핵심 웹 바이탈, 그 의미 및 측정 방법을 살펴 봅니다.
핵심 웹 바이탈 측정 방법
Core Web Vitals는 Chrome User Experience Report(Crux)를 통해 측정되며, 이는 사용자가 웹(RUM이라고도 함)을 탐색하는 실제 경험을 기반으로 합니다. 각 CWV는 양호하거나 개선이 필요하거나 불량한 것으로 간주하기 위해 서로 다른 임계값을 사용합니다.
임계값은 각 메트릭마다 다르지만 공통점이 하나 있습니다. Google은 페이지를 이러한 그룹으로 분류할 때 75번째 백분위수를 사용합니다. 즉, 특정 메트릭에 대해 좋은 사용자 경험을 제공하기 위해 적어도 75 %의 사용자가 “양호”에 도달해야합니다.
속도를 위해 최적화하는 모든 사람들이 검색 거인으로부터 존중 (및 순위)을 얻는 데 필요한 구경에서 바늘을 움직이는 것은 아닙니다.
LCP(Largest Contentful Paint)
LCP(Largest Contentful Paint)는 가장 큰 콘텐츠 요소가 화면에 완전히 표시될 때를 측정합니다. 전자 상거래의 경우 일반적으로 제품 또는 영웅 이미지가 로드될 때 발생합니다. 최소 75%의 사용자에 대해 2.5초 이하의 LCP가 핵심 웹 바이탈의 LCP 메트릭을 통과합니다.
FID(First Input Delay)
FID(First Input Delay)는 사용자가 처음으로 페이지와 상호 작용(클릭, 탭 또는 키 누름)한 시간부터 브라우저가 해당 상호 작용에 응답할 수 있는 시간까지의 시간을 측정합니다. 100 밀리초 이하의 FID, 시간의 75%는 좋은 경험으로 간주됩니다.
CLS(Cumulative Layout Shift)
Cumulative Layout Shift(CLS)는 사용자가 예기치 않은 레이아웃 이동이나 충돌을 경험하는 빈도를 측정합니다. 첫 번째 제품을 잘 볼 수있는 기회를 갖기 전에 페이지가 레이아웃을 재조정하기 위해 “바운스”(또는 이동)합니다. 구글은 0.1 미만의 CLS를 적어도 75 %의 좋은 경험으로 간주합니다.
이러한 임계값을 얼마나 달성할 수 있는지 평가하기 위해 약 7,000개의 미국 기반 인기 전자 상거래 사이트를 분석한 결과 현재 평균 전자 상거래 사이트가 Google의 CWV를 통과하지 못한다는 사실을 발견했습니다. 실제로 미국 전자 상거래 사이트의 87 %가 세 가지 지표 모두에 대한 임계값에 도달하지 못한다는 것을 발견했습니다.
전자 상거래 웹 사이트의 13 %만이 핵심 웹 바이탈을 통과합니다.
Google은 약 6,500개의 주요 미국 전자 상거래 웹 사이트의 모바일 홈페이지를 분석하여 Google의 핵심 데이터베이스 데이터를 기반으로 LCP, FID 및 CLS 속도를 평가했습니다. 우리는 세 가지 핵심 웹 바이탈 메트릭 모두에서 13 %만이 “좋은”점수를 얻었습니다. 즉, 평균 전자 상거래 사이트는 Google의 2021 년 5 월 페이지 경험 업데이트에 대한 준비가되어 있지 않습니다.
더 넓은 그물을 주조하면서, 우리는 세 가지 핵심 웹 바이탈 중 적어도 하나에 대해 좋은 경험을 제공하는 도메인을 조사했습니다. 그 결과 이커머스 웹사이트의 97%가 하나 이상의 핵심 웹 바이탈 메트릭에 대한 벤치마크를 통과한 것으로 나타났습니다. 하지만 통과한 웹사이트의 93%는 첫 입력 지연이라는 동일한 메트릭에 대해 그렇게 했습니다. 가장 큰 Contentful Paint 및 누적 레이아웃 전환에 대한 벤치마크는 전자 상거래 사이트에서 통과하기가 훨씬 어려운 것으로 보입니다.
LCP 백분위수
가장 큰 내용 페인트는 사용자가 페이지가 로드되는 것을 인식하는 시점을 표시하여 사용자 경험의 중요한 부분입니다. 우리는 전자 상거래 웹 사이트 중 38 %만이 LCP 임계값인 2.5 초를 통과했습니다. Edgio는 리볼브, 케이트 스페이드, 샤퍼 이미지와 같은 고객을 위한 500ms 미만의 LCP를 목표로 하고 있으며 이를 달성하기 위해 다소 실망스럽습니다.
그럼에도 불구하고 실제로 더 많은 사이트가 2.5 초 이내에 LCP를 제공했습니다. 이는 부하의 75 %에 대한 Google의 표준에 부합하지 않았습니다. Hobby Town, Sears 및 Blue Bottle Coffee는 사용자의 90 % 이상에서 2.5 초 이상을 달성했으며 Peloton, Dollar Shave Club 및 Tory Burch와 같은 다른 브랜드 이름은 사용자의 20 %에게 2.5 초 미만의 LCP를 제공 할 수 있습니다.
FID 백분위수
전자 상거래 웹 사이트는 비행 색상으로 첫 번째 입력 지연 벤치마크를 통과하고 있습니다. 실제로 전자 상거래 사이트의 93 %가 100ms 이내에 FID를 제공하는 것으로 나타났습니다. 명예로운 언급, Tesla, Tom Ford, John Deere, StitchFix 및 Revlon은 모두 사용자의 95 % 이상에 100ms 이하의 FID를 제공합니다.
CLS 백분위수
누적 레이아웃 이동은 전자 상거래 사이트에서 최적화해야 할 가장 까다로운 CWV입니다. 전자 상거래 웹 사이트 중 30 %만이 0.1 % 이하의 점수를 전달했습니다. 웹 사이트의 절반은 부하의 63 %에 대해서만 CLS 임계값을 충족시킬 수 있습니다.
Netflix, Juicy Couture, Cif Bar 및 23andMe는 0.1 이상의 CLS 점수를 사용자의 90 % 이상에게 제공하는 몇 안되는 사이트 중 일부였습니다. 반면에 Roku, Lucky Brand, Kendra Scott 및 Toms는 20 % 이상의 부하에서 0.1 CLS 점수를 제공하지 못했습니다.
이 블로그 게시물에서 각 Core Web Vital에 맞게 최적화하는 방법을 알아보십시오.
상위 13 %는 SEO 순위에서 상승 할 것입니다.
속도를 위해 최적화하는 모든 사람들이 검색 거인으로부터 존경 (및 순위)을 얻는 데 필요한 구경에서 바늘을 움직이는 것은 아닙니다. 그러나, 어떤 인정을 받을 자격이 있는 사람들. 이커머스 사이트의 13%가 구글의 Core Web Vitals 테스트에서 승리를 거두며 각 CWV 지표의 임계값을 통과했습니다. 아마존, 이베이, 허쉬 컴퍼니, 라쿠텐, 엣시 등이 있습니다.
다음은 핵심 웹 바이탈을 통과하는 30 개의 인식 가능한 전자 상거래 웹 사이트 목록입니다.
- https://bluebottlecoffee.com
- https://lakersstore.com
- https://lokai.com
- https://milbstore.com
- https://shop.hersheys.com
- https://가이데토이스 랜드. is/
- https://us.polaroid.com
- https://www.1800petmeds.com
- https://www.23andme.com
- https://www.adidasoutdoor.com
- https://www.amazon.com
- https://www.birchlane.com
- https://www.brandymelvilleusa.com
- https://www.ebay.com
- https://www.etsy.com
- https://www.farmfreshtoyou.com
- https://www.fromyouflowers.com
- https://www.hobbylobby.com
- https://www.hobbytown.com
- https://www.houzz.com
- https://www.juicycouture.com
- https://www.kleankanteen.com
- https://www.netflix.com
- https://www.rakuten.com
- https://www.roguefitness.com
- https://www.rubbermaid.com
- https://www.soul-cycle.com
- https://www.speedwaymotors.com
- https://www.spiritshop.com
- https://www.wayfair.com
이 회사들을 위해 모자를 벗어! 2021 년 5 월, 그들은 가능성이 SERP의 상단에 순위와 그들의 번개 빠른 경험으로 소비자의 마음을 이길 것입니다.
아이슬란드 최대의 온라인 비즈니스, Edgio와 함께 99 On Lighthouse를 경험하는 1초 미만의 경험을 제공합니다.
페이지 로딩을 몇 초 동안 줄이고 즉각적인 쇼핑 경험을 제공하려면 웹 사이트가 AMP, SSR, 이식 가능한 프런트엔드, 높은 엣지 캐시 적중률 등 스택에 적합한 도구를 갖추어야 합니다. 이를 통해 얼마나 많은 페이지가 있는지 또는 얼마나 많은 개인화 및 분할 테스트를 실행하는지에 관계없이 0.3s 로드를 달성 할 수 있습니다. 사실입니다. 우리는 Edgio에서 반복적으로 이것을 보았습니다.
아이슬란드 최대의 온라인 비즈니스인 Guide to Iceland를 살펴보세요. Google’s Lighthouse에서 99점을 획득하고 Edgio에서 세 가지 핵심 웹 바이탈(Core Web Vitals)을 모두 통과했습니다.
