EP7 – 핵심 웹 바이탈 및 FID에서 INP로의 마이그레이션

Edge 에피소드 7 소개 – 핵심 웹 바이탈 및 FID에서 INP로의 마이그레이션

“Beyond the Edge” 에피소드에서 Ishan Anand는 웹 사이트 성능 평가에 중요한 지표인 Google의 Core Web Vitals 에 대한 변경 사항에 대해 토론합니다. 그는 Rob Wakerly와 Edgio의 Ellery Womack과 함께 변화에 적응하고 핵심 웹 바이탈을 통과하는 방법에 대한 전문 지식을 공유합니다. 이 대화에서는 웹 사이트 최적화에서 중요성을 강조하면서 최대 콘텐츠 페인트, 누적 레이아웃 변경, 첫 번째 입력 지연 등의 지표를 비롯한 핵심 웹 바이탈의 기술적 측면을 자세히 살펴봅니다. 이 팀은 캐싱, 이미지 최적화 도구 사용, 캐시 제어 헤더 조정 등 이러한 메트릭을 개선하기 위한 실용적인 전략에 대해 논의합니다. 또한 Core Web Vitals 최적화가 전환율 및 유기적 트래픽 등 비즈니스 성과에 미칠 수 있는 중대한 영향에 대해서도 언급하며 다양한 기업과의 협력을 통해 실제 사례를 활용합니다. Google이 FID를 광범위한 사용자 상호 작용을 고려하는 지표인 INP로 대체할 준비를 하고 있는 가운데, 이 논의는 이러한 지표를 앞서나가고 웹 사이트가 속도와 응답성에 대한 이러한 진화하는 표준을 충족하도록 전문가 전략을 채택하는 것이 지속적으로 중요하다는 것을 강조합니다.

Ishan Anand: 안녕하세요. Beyond the Edge에 오신 것을 환영합니다. 현대의 디지털 비즈니스에 영향을 미치는 트렌드에 대해 자세히 알아보겠습니다. 오늘, 우리의 주제는 핵심 웹 바이탈, 구글이 귀하의 웹 사이트의 속도 순위를 매기기 위해 사용하는 모든 중요한 메트릭스입니다.

저는 최고의 기업들이 가장 미션 크리티컬한 웹사이트를 가속화, 최적화 및 호스팅하는 데 사용하는 Edgio 애플리케이션 및 에지 플랫폼 제품 담당 부사장인 Ishan Anand입니다. 오늘은 Edgio의 제품 납품 담당 수석 이사인 Rob Wakerley와 Edgio의 엔지니어링 담당 수석 이사인 Ellery Womack이 합류했습니다. 롭, 당신부터 시작해볼까요? 핵심 바이탈과의 배경과 관계에 대해 알려주십시오.

롭 와커리: 고마워요, 이샨. 오늘이 있어서 행복합니다. 저는 기술 컨설팅에 종사하고 있습니다. 맞춤형 기술의 전략과 제공, 모든 규모의 기업과 기업을 위한 구현을 포함하고 있습니다. 몇 년 전 Edgio에 입사하여 핵심 웹 바이탈에 대해 알아야 할 모든 것과 적어도 비즈니스에 미치는 큰 영향의 일부를 빨리 배웠습니다. 따라서 구현 프로젝트의 일환으로 고객과 다양한 업계가 고객 경험을 개선하기 위해 사이트의 핵심 바이탈을 개선할 수 있도록 돕는 것은 매우 흥미로웠습니다.

이산 아난드: 감사합니다. 대단해요. 감사합니다. 그리고 엘러리, 바이탈의 핵심에 대한 당신의 경험에 대해 말해주세요.

엘러리 워맥: 고마워요 이샨. 저는 지난 3년간 Edgio에서 건축가, 엔지니어 및 Q 팀과 함께 일하면서 고객이 Edgio 제품에서 가능한 한 최대한의 가치를 창출하도록 돕고 있습니다. 우리가 한 방법 중 하나는 고객과 협력하여 Vitals의 핵심적인 부분을 개선하여 매출을 증대하고 SCO 혜택을 얻는 것입니다. 우리는 모든 제품과 모든 플랫폼에서 이를 수행합니다. 핀테크, 전자 상거래, Salesforce, Shopify 등 어떤 것이든 지원해 드리겠습니다.

이산 아난드: 좋습니다. 그럼 이제 청중들을 위해 처음부터 시작해 봅시다. 핵심 웹 바이탈이란 무엇이며 왜 그렇게 중요한가?

Ellery Womack: 2022년 5월, 구글은 핵심 바이탈을 도입했는데, 이는 구글이 사용자 경험에 영향을 미치는 가장 중요한 기술적 KPI라고 생각한 것을 측정하는 지표입니다. 목표는 웹 페이지의 속도, 응답성 및 시각적 로딩을 평가하는 것이었습니다. 초기 메트릭은 페이지의 접기 위에 보이는 가장 큰 요소가 얼마나 빨리 렌더링되는지를 나타내는 가장 큰 Contentful Paint 였습니다. 따라서 일반적으로 이것이 페이지 내에서 렌더링되는 콘텐츠의 양을 나타내는 누적 레이아웃 이동과 실행 촉구입니다. 당신은 아마 팝업 광고가 많이 있고 확실히 나쁜 누적 레이아웃 변경 또는 귀하의 웹 사이트에 CLS 점수를 트리거 할 뉴스 사이트의 번호에 가본 적이. 마지막으로, 첫 번째 입력 지연은 사용자가 첫 번째 상호 작용을 할 때의 측정 단위입니다. 예를 들어 탭 또는 클릭과 같이 페이지가 응답하는 데 걸리는 시간을 측정하고 다시 칠하거나 렌더링하는 데 걸리는 시간을 측정합니다. 그리고 2024년 3월부터 FID는 INP 또는 Interaction to Next Paint 로 대체됩니다. 이는 웹 사이트에서 사용자 여정의 모든 상호 작용을 살펴보고 있습니다.

Ishan Anand: 그래서 Rob Ellery는 핵심 웹 바이탈이 기술적으로 무엇인지를 분석했습니다. 하지만 왜 그렇게 중요한지 설명할 수 있을까요?

롭 와커리: 네, 들어가볼게요. 제 생각에 핵심 웹 바이탈에 대해 정말 깔끔하게 생각되는 것 중 하나는 사이트의 성능에 대해 이야기 할 수있는 공통의 프레임 워크, 공통의 언어를 제공한다는 것입니다. 그리고 그 이전에는 사이트가 어떻게 작동하는지에 대해 이야기할 좋은 방법이 없었습니다. 그리고 당신은 말할 수 있습니다, 아, 내 사이트의 성능이 좋지 않거나 로드하는 데 너무 오래 걸립니다. 하지만 실제로 어떻게 측정했습니까? 그리고 공통적으로 사용하는 언어가 무엇인지 아십니까? 우리는 실제로 하나를 가지고 있지 않았다. 이것이 핵심 웹 바이탈의 강력한 장점 중 하나인데, 이것이 우리에게 공통된 언어를 제공한다는 것입니다. 그리고 이것이 중요한 이유는 이러한 것들이 귀사 사이트의 비즈니스 성과와 비즈니스 성과에 큰 자극을 주기 때문입니다.

이것이 귀하의 사이트에 어떤 영향을 미칠 수 있는지에 대해 생각할 때, 전자 상거래 사이트에 대한 트래픽의 약 43 %는 유료 광고 등의 유료 또는 직접 채널과는 달리 Google 검색을 통해 제공됩니다. 그리고 또한, 전자 상거래 수익의 대부분은 73 %는 검색 하 고 귀하의 사이트를 참조 하는 사람에서 온다, 둘 다 핵심 웹 바이탈에 의해 영향을 받는. 핵심 웹 바이탈은 검색 엔진 최적화의 일부이며 Google 검색 순위에서 어디에 있는지 때문입니다. 그리고 그것은 또한 귀하의 사이트에 경험의 큰 드라이버입니다. 사람들이 당신의 사이트에 올 때, 그들은 경험을 좋아하든 그렇지 않든, 핵심 웹 바이탈은 당신이 측정하는 데 도움이 될 것입니다. 좋은 핵심 웹 바이탈이 있다면 사람들이 귀사의 사이트를 즐겁게 사용하고 다른 사람들에게 귀사의 사이트를 사용하도록 권유할 가능성이 높아집니다. 그들은 정말로 귀하의 비즈니스와 귀하의 사이트와 함께 귀하의 온라인 존재에 광범위한 영향을 미칩니다.

Ellery Womack : 사람들이 Google 검색을 할 때 Rob이 말한 것을 추가하기 위해 검색 결과의 클릭 횟수의 55 %가 상위 3 개의 유기적 검색 결과로 이동합니다. 즉, 상위 3개에 속하지 않으면 절반 이상의 클릭이 사용자에게 전달되지 않습니다. 이것은 단지 귀하의 웹 사이트가 빠르다는 것을 확인하는 중요성을 강조하기위한 것입니다 그리고 당신은 그 상위 3 개의 검색 결과에 머물기 위해 가능한 모든 일을하고 싶습니다.

Ishan Anand: 예, 저는 단지 구글이 귀하의 웹사이트가 얼마나 빠른지 측정하는 방법이라는 것을 강조하고 싶습니다. 그러나 Google과는 별도로 이러한 메트릭을 개선하면 고객 경험이 향상됩니다. 그래서, 시너지가 있고, 매우 유익합니다. 그리고 이 작업을 시작하기 전에, 저는 http 아카이브와 Chrome User Experience 보고서에서 데이터를 가져왔습니다. 이 보고서에서는 트래픽이 충분한 사이트에 대한 현재 핵심 바이탈을 게시합니다. 그리고 데스크톱 사이트의 53%가 핵심 바이탈을 통과하고 있다는 것을 보여주었습니다. 이는 절반 미만이 실패하고 있다는 것을 의미합니다. 모바일 사이트의 45%가 핵심 바이탈을 통과하고 있으며, 이는 웹의 절반 이상이 모바일에서 통과하지 못하고 있음을 의미합니다. 그래서, 웹의 절반 이상이 핵심 바이탈을 통과하지 못합니다. 사람들이 Ellery를 통과하기 시작하지 않으면 무엇을 할 수 있습니까?

엘러리 워맥: 좋아요. 핵심 바이탈을 개선하기 위해 할 수 있는 일은 여러 가지가 있습니다. 그 중 하나는 캐싱입니다. Edgio와 같은 에지 네트워크에서 가능한 한 많은 콘텐츠를 캐싱하고 싶을 것입니다. 이것은 CSS 파일, 이미지, HTML이 될 수 있습니다. 웹 페이지의 경우 이미지 최적화 도구를 사용하여 특정 장치에 적합한 품질과 형식으로 올바른 크기의 이미지를 전송하려고 합니다. iPhone용이라면 해당 장치에 맞게 압축되고 최적화된 웹 파일 형식을 제공해야 합니다.

오리진 서버가 항상 적절한 캐시 제어 헤더로 응답하도록 설정되어 있는지 확인하여 브라우저가 이 콘텐츠를 캐시할 수 있는 시간을 알 수 있도록 해야 합니다. 이렇게 하면 다시 가져오기 위해 인터넷으로 돌아갈 필요가 없습니다. 이것은 시간이 지남에 따라 많이 변경되지 않는 정적 파일과 같은 파일에 적합합니다. 자, 여러분의 CSS, 자바스크립트, 이미지, 글꼴을 생각해보세요. 항상 브라우저에 캐싱해야 합니다.

우리는 고객이 HTML 문서의 맨 위에 사전 로드 및 사전 연결 헤더를 추가하기를 원합니다. 이것이 무엇을 할 것인지는 당신이 당신의 웹사이트를 로드 할 때 당신이 많은 제 3 자 호출을 할 것이라는 점을 알아차릴 것입니다 왜냐하면 당신은 아마 구글 태그 매니저나 Tealium을 로드할 것이기 때문입니다 페이스 북, 인스 타 그램 픽셀을 모든 곳에서 로드 할 것입니다. 귀하의 웹 사이트는 Klaviyo 및 기타 구매 지금 알고 같은 타사 시스템에 종속성이 있으며 나중에 솔루션을 지불하고 그 모든 페이지에 자산을로드해야합니다. 그런 일이 발생할 때마다 연결을 열거나 해당 콘텐츠를 다운로드 할 수 있습니다. 페이지가 로드될 때 즉시 발생할 수 있는 사전 연결을 추가할 수 있으므로 웹 사이트가 해당 콘텐츠를 로드할 준비가 되면 로드 속도가 약간 빨라지고 사전 로드를 통해 응답 스트리밍을 수행하여 한 번에 여러 콘텐츠를 로드할 수 있습니다.

우리는 LCP 또는 가장 큰 내용 페인트에 대해 이야기했습니다. 그것은 당신이 알고있는 행동 촉구 또는 당신의 페이지에 영웅 이미지. 당신은 실제로 preload 태그를 추가하여 웹 페이지로 그것을로드 할 수 있으며 이것은 가장 큰 Contentful Paint를 개선하기 위해 할 수있는 가장 중요한 일 중 하나입니다. 또한 스크립트 관리를 사용하여 불필요한 스크립트에 defer 및 async를 추가하거나 특정 브라우저 이벤트가 발생했을 때 동적으로 주입할 수도 있습니다. 하지만 이것 보다 더 많은 것을 할 수 있습니다. 우리는 우리의 웹 사이트에 기사를 썼다 “다섯 가지 방법 개발자는 무료로 24 시간 웹 페이지를 가속화 할 수 있습니다. 우리는 팟캐스트와 여기에 링크 할 것입니다. 그래서 저는 사람들에게 가서 살펴보라고 강력히 권하고 싶습니다. 질문이 있으면 항상 여기에 있습니다.

Ishan Anand: 예, 그 기사는 정말 좋은 자료입니다. 롭, 실제로 통과하는 것이 얼마나 어려운가요? 기업들이 핵심 웹 바이탈(Core Web Vitals)을 수정하여 달성한 결과 중 인용할 수 있는 사례는 무엇입니까?

Rob Wakerly: 네, 이 문제는 제가 말씀드렸던 Crux, Ishan, Core Web Vitals를 통과하는 사이트와 통과하지 않는 사이트를 연결하기 전에 큰 영향을 미쳤습니다. 고객의 경험에 비추어 볼 때 눈에 띄게 나타납니다. 예를 들어, LCP의 페이지 로딩 시간이 평균 1초 향상되면 전환율이 8.4% 이상 증가할 수 있습니다. 우리는 이 주제에 대해 많은 고객 및 사람들과 대화를 나눕니다. 마케팅 및 비즈니스 측면에서 기술 팀뿐만 아니라, 이 주제에 영향을 줄 수 있는 비즈니스 KPI에 대해서도 기뻐하고 있습니다. 예를 들어, 대형 매트리스 소매업체와 협력하여 홈페이지에서 LCP를 80% 개선하고 상품 상세 페이지나 상품 카테고리 페이지에서 유사한 개선 사항을 개선할 수 있도록 돕고 있습니다. 그들은 상품 상세 페이지에서만 전환율이 19% 증가한 혜택을 누렸습니다. 우리는 Spangler Candy 에서 유사한 결과를 보았습니다. 그들은 60% 개선을 위해 코어 웹 바이탈 개선을 구현했습니다. 그래서, 그들은 지금 지나가고 그들은 고객들이 그들의 사이트를 훨씬 더 즐기는 것을 보고 있다. 우리는 다국적 패션 대기업과 협력하여 LCP를 45% 더 빠르게 확보했으며 해당 사이트에서 사용자당 매출은 76% 증가했습니다.

우리는 이러한 결과를 고객들과 일관되게 보고 있습니다. 단순한 기술 변경만으로는 사용자 경험이나 사이트 디자인이 바뀌지 않습니다. 이는 성능 최적화로 인해 특히 이러한 증가가 발생하며 이는 매출과 전환율뿐만 아니라 유기적 트래픽도 증가합니다. 우리는 신발 카니발이 SEO와 다시 연결되기 때문에 유기적 인 트래픽을 22 % 증가시키는 것을 도왔습니다. 따라서 다양한 비즈니스 KPI에 광범위한 영향을 미칩니다. 고객이 이러한 프로젝트에 참여할 수 있고 ROI가 바로 여기에 있다는 것은 정말 흥분되는 일입니다. 비웃을 만한 것이 아닙니다.

엘러리 워맥: 롭이 이런 간단한 변화라고 부르는 걸 들어보셨을 겁니다. 일반적으로 80/20 또는 90/10 규칙과 놀이처럼 핵심 웹 바이탈을 개선하고 SEO를 개선하기위한 혜택의 대부분이 거의 노력을하지 않습니다. 계속해서 튜닝을 진행하고 더 많은 혜택을 얻고자 하는 고객에게는 더 많은 작업이 필요합니다. 그러나 이러한 많은 경우에 우리는 소량의 작업으로 대부분의 이익을 얻을 수 있습니다.

Ishan Anand: 네, 바로 그곳이 제가 가려고 했던 곳이에요. 이 시대에 잠재적으로 AGI, 지능형 채팅 봇과 whiz bang 기능을 통해 사이트의 속도를 향상시키는 것은 많은 경우 큰 종류의 변환 이니셔티브보다 훨씬 쉽게 실질적인 ROI를 가져올 수있는 낮은 매달려 과일과 같습니다. 그래서 매출을 늘리는 방법으로 살펴볼 가치가 있습니다. 특히 현재 경제 상황에서 그렇습니다. Edgio는 기업이 핵심 웹 바이탈을 지속적으로 유지하고 개선하는 데 어떻게 도움이 됩니까?

엘러리 워맥: 핵심 웹 바이탈은 귀사의 사이트가 얼마나 빨리 전송되는지와 Edgio가 도와줄 수 있는 두 가지 모두에 영향을 받기 때문에, 우리는 CDN이고 귀사의 사이트 코드가 전송된 후의 성능에 영향을 받기 때문에, 귀사는 적절한 플랫폼과 적절한 전문성이 필요하며, 종종 두 가지 모두를 필요로 합니다. 우리는 두 가지의 독특한 세트를 제공합니다. 사용자가 직접 실행할 수 있는 빠른 에지 개발 플랫폼은 물론, Rob과 제가 코드에 있는 곳이라면 어디에서나 Core Web Vitals의 문제를 해결할 수 있도록 돕는 전문 성능 전문가들입니다. 당사는 귀하의 웹사이트를 매우 빠르게 전송하는 동시에 전송되는 콘텐츠가 웹 브라우저에 최적화되어 Google에 보고되는 데이터가 매력적이도록 하는 것을 목표로 합니다. 웹 사이트를 탐색하는 사용자는 원하는 결과를 얻을 수 있습니다. 우리는 고객이 빠르고 빠르게 페이지를 로드하고 페이지 간 순식간에 전환하기를 원하며, 이는 고객이 할 수 있도록 도와줄 수 있는 것입니다.

Ishan Anand: 이것이 진정한 차별화의 원천입니다. 스택의 전체 부분에서 진정한 파트너가 될 수 있다는 것입니다. 스택이 네트워크에 있든 아니면 코드에 있든 말이죠. 지금까지 핵심 웹 바이탈이 무엇이고 왜 중요한지 알아보았습니다. 이제 핵심 웹 바이탈에서 일어난 최근의 변화, 즉 FID에서 INP로의 마이그레이션에 대해 알아보겠습니다. 엘레리, 그걸 통해 우리를 안내해 줄래?

엘러리 워맥: 물론이죠. 첫 번째 입력 지연(FID)에서 상호 작용, 다음 페인트(INP)로의 변경은 2024년 3월에 발생합니다. 여기에서 주요 차이점은 FID는 웹 페이지와 상호 작용에서 첫 번째 상호 작용만 측정한다는 것입니다. Next Paint는 실제로 여러분의 웹페이지에서 일어나는 처음 50개의 상호작용을 살펴보고 그 그룹에서 최악의 결과를 가져온 다음, 그 다음에는 다음 50개의 상호작용을 살펴볼 것입니다. 실제로 달성하기가 훨씬 더 어려운 지표이지만 많은 고객들이 행복한 길은 꽤 좋다는 것을 알게 되었습니다. 사람들은 페이지에 착륙하고, 일반적으로 동일한 작업을 먼저 수행합니다. 전자 상거래 사이트의 홈 페이지에 도착하면 탐색을 보고 범주로 이동한 다음 범주를 지정할 수 있습니다. 제품 타일을 클릭하고 PDP로 이동한 다음 장바구니와 이 행복한 경로에 추가할 것입니다.

다음 페인트와의 상호작용에서 좋은 점수를 얻는 것은 정말 쉽습니다. 하지만 문제가 생기면 덜 직관적인 다른 것들이 INP로 변경하면 상처를 입힐 것입니다. 고객을 지원함으로써 우리가 본 것은 때때로 행복한 길의 일부가 아닌 것들이 당신을 괴롭힐 것입니다. 예를 들어 등록 모달이 있는 경우 클릭하여 해제하는 속도가 느려지거나 보상에 등록하기 위해 전자 메일을 양식으로 제출하는 속도가 느려질 수 있습니다. 우리는 PLP의 빠른 보기 같은 것들이 열리고 닫히는 속도가 느리거나 견본을 변경하는 것이 다음 이미지를 로드하는 데 약간의 시간이 걸리는 것을 보았습니다.

당사는 요소를 클릭하기 전에 해당 콘텐츠를 브라우저에 로드하여 이미 캐시되어 전환이 매우 빠르게 이루어지도록 하는 예측 프리페치와 같은 도구와 프로세스를 제공합니다. 그러나 당신은 당신이 홈 페이지에 토지의 행복 한 경로를 볼 때, 나는 PLD, PDP, 등등으로 이동, 최적화 매우 간단합니다 알고 있습니다. 어떤 상호작용이 일어날 수 있는지, 그리고 미세 바이탈에 어떤 영향을 미치는지 찾아내기가 어렵습니다. 또한 Edgio 고객은 INP에 영향을 미치는 모든 상호 작용을 추적하고 보고하는 실시간 사용자 모니터링을 의미하는 RUM 도구도 있습니다. 이는 어떤 페이지에서 어떤 상호작용이 최악의 INP 점수를 유발하는지 파악하여 팀이 우선 순위를 정하고 수정할 수 있도록 도와줍니다.

Ishan Anand: 저는 여러분이 지적한 것을 자세히 들여다보고 싶습니다. 이것은 새로운 메트릭일 뿐만 아니라 이전의 FID보다 통과하기가 더 어렵다는 것입니다. 그래서, 당신은 갑자기 한 푼도 전달하지 않고 그것을 깨닫지 못하도록 통과에서 갈 수 있습니다. 어떤 의미에서는 이러한 큰 Google 업데이트처럼 취급합니다. 갑자기 모든 것이 다시 순위가 매겨지고 하늘이 떨어지는 SEO 분야에 있다면 복구 방법을 알아야합니다. 이것은 그들이 우리에게 많은 경고 시간을 주었고 문자 그대로 우리에게 숫자를 주었다. INP에 실패하면 갑자기 핵심 바이탈이 실패하게되고 순위에 영향을 줄 수 있습니다. 분명 도움이 될 것입니다.

Core Web Vitals를 다루는 과정에서 배웠던 오해나 어쩌면 무언가. 처음에는 이해하지 못했던 것들이죠. 그것은 청중에게 유용한 학습이 될 것입니다, 롭.

Rob Wakerly : 핵심 웹 바이탈에 대해 조금 연구하거나 그것에 대해 말할 수있는 사람과 이야기하면 아이디어를 상당히 빨리 얻을 수 있다고 생각합니다. 하지만 알아야 할 또 다른 것인 것 같습니다. 좋아요. 이걸로 뭘 해야 할까요? 예를 들어, 어떻게 측정할 수 있을까요? 어떻게 하면 개발 흐름에 실제로 적용할 수 있을까요? 사이트가 있고 개선하고 싶다고 가정해 보겠습니다. Ellery는 개선을 위해 할 수 있는 몇 가지 사항에 대해 이야기했습니다. 하지만 진행 상황을 측정하고 알 수 있는 올바른 방법은 무엇일까요?

Ellery는 사이트에서 실시간으로 측정하는 RUM 도구를 지적했는데, 이는 프로덕션 사이트나 라이브 사이트에 매우 유용합니다. 하지만 고려해야 할 몇 가지 사항이 있습니다. 사이트에서 항상 새 버전을 개발하고 있기 때문에 이 두 버전을 테스트하려면 어떻게 해야 할까요? 테스트를 위해 프로덕션에 도착할 때까지 기다릴 필요가 없습니다. 이봐, 내 연기는 적어도 예전과 같거나 더 좋은가?

제가 지적하고 싶은 것은 종합 테스트입니다. 종합 테스트는 어떤 환경에서도 실행할 수 있기 때문에 매우 강력합니다. 개발 환경, QA 환경, 스테이징 환경에서 핵심 웹 바이탈을 측정하기 위해 종합 테스트를 실행할 수 있습니다. 새 릴리스 후보의 경우 성능을 확인할 수 있으며 앞서 언급한 것처럼 이전 버전과 동일하거나 더 나은 성능을 제공하는지 확인합니다. 당신이하고 싶은 마지막 일은 사이트에 변화를 소개하고 그것이 당신의 성과를 탱크하고 너무 늦을 때까지 그것을 발견하지 못하게하는 것이기 때문에. 따라서 합성 테스트가 중요합니다.

RUM은 실시간으로 이루어지며 사이트에서 트래픽이 어떤 작업을 수행하는지 확인할 수 있기 때문에 RUM의 이점에 대해 이야기했습니다. 그리고 세 번째 범주, 아마도 가장 중요 한 실제 크롬 UX 보고서 또는 중요 한 것은 구글의 측정 및 구글의 측정을 측정 하는 약어 28 일 이전 찾고 귀하의 사이트의 성능에 따라 일. 그리고 그것은 그들이 그들의 SEO를 위해 사용하는 무슨이기 때문에 아주 중요하다. 따라서 Google이 보는 것과 유기적 인 결과에 대해 어떻게 순위를 매길 것인지를 알고 싶을 때 중요한 것이 좋은 상태인지 확인하거나 그렇지 않다면 그것을 해결할 수 있도록 인식하십시오. 이러한 다양한 종류의 성능 테스트와 툴은 이 모든 것에 또 다른 계층을 추가하는데, 이러한 계층이 어떻게 작동하고 어떻게 사용하는지를 이해하는 데 매우 중요합니다.

Ishan Anand: 예, 여러분이 지적한 것은 회귀입니다. 예를 들어, 여러분이 스스로를 성과자로 만들 수도 있고, 그러다가 갑자기 여러분이 언급한 대로 실제로 변화를 추가하는 것이 매우 쉽습니다. 그리고 갑자기 성과로 되돌아갑니다. 그것은 매우 자주 일어날 수 있습니다. RUM과 같은 도구가 핵심 바이탈 이상의 합성 테스트와 함께 매우 중요한 부분입니다. Core Web Vitals가 Google에 대한 검색 순위를 향상시키는 데 어떤 영향을 미치는지, 그리고 일반적으로 고객 경험에 어떤 이점이 있는지에 대해서도 이야기했습니다. 좀 더 자세히 살펴볼 수 있을까요?

Rob Wakerly: 예, 고객 경험과 관련된 다른 것들 중 일부입니다. Core Web Vitals에 관심이 있다면 사이트의 캐시 적중률에도 관심이 있을 것입니다. 캐싱 레이어를 사용하여 사이트의 정적 콘텐츠와 동적 콘텐츠에 사용하고 싶을 것입니다. 왜냐하면 콘텐츠 전송 네트워크처럼 캐싱 레이어에서 고객에게 서비스를 제공한다면 성능이 향상될 것이고, 이는 Ellery가 전에 말했던 것처럼 성능을 향상시키는 핵심 방법입니다.

사용자 경험도 있습니다. 성능은 고객 경험의 한 측면에 불과하다는 것을 알고 있습니다. 따라서 사용자 경험 감사 또는 평가를 수행하고 경쟁업체와 벤치마킹하고 분석 결과를 확인하는 것도 고려해야 할 수 있습니다. 성능과 분석이 서로 밀접하게 연관되어 있다고 말할 수 있습니다. 성능을 개선할 때 분석 측정을 즉시 추적하여 전환율, 이탈률, 사용자당 매출 등 관심 있는 모든 비즈니스 KPI에 미치는 성능 개선 또는 저하가 분석에 미치는 영향을 파악해야 합니다.

그리고 마지막으로 A/B 테스트 종종 성능을 변경할 때 A/B에서 테스트할 수 있을 뿐만 아니라 전환율 또는 기타 KPI 측면에서 이전 경험에 비해 얼마나 많은 이점이 있는지 확인할 수 있습니다. 따라서 이러한 비즈니스 영향을 확인하기 위해 성능을 테스트할 수 있습니다. 물론 다른 것들도 테스트 할 수 있습니다.

Ishan Anand: 실제로 A/B 테스트에서, 플랫폼의 고유한 점은 A/B 테스트 자체에서 성능을 테스트할 수 있다는 점인데 반해 다른 많은 A/B 테스트 도구가 실제로 성능을 저하시킬 수 있다는 점입니다.

한 걸음 물러나서 핵심 웹 바이탈이 얼마나 중요한지에 대한 메시지를 받았다고 말해 봅시다. 왜냐하면 내 트래픽 수준이 너무 많아서 Google이 보내고 있으며 고객 경험도 크게 향상되기 때문입니다. 아시다시피, 기술 또는 사이트 소유자가 핵심 웹 바이탈을 개선하기 위해 취해야 할 다음 단계는 무엇입니까?

Rob Wakerly: 핵심 보고서, Chrome UX 보고서를 보고 바이탈의 핵심이 어떻게 수행되는지 보고 싶습니다. 잘 모르시겠다면, 지금이 바로 살펴보거나 물어볼 수 있는 좋은 기회입니다. 또한 사이트 성능과 사용자 환경에 미치는 영향도 고려해야 합니다. 보안과 전반적인 사용자 경험에 대해서도 생각할 수 있는 좋은 시기입니다. 웹 사이트 또는 웹 앱을 지원하는 기술 또는 디지털 팀과 논의하고 조정해야 할 사항입니다.

성능 테스트를 실행합니다. 무엇인지에 대해 생각해보십시오. 핵심 데이터가 말하는 것은 무엇이지만 새로운 성능 테스트는 무엇을 말합니까? 다른 사이트에서 다르게 작동합니까? 포트폴리오를 보유하고 있는 경우 하위 환경에서 다르게 작동합니까? 여기서 무엇을 배울 수 있습니까? 그리고 제가 이미 말씀드린 것들 중 일부가 제가 이미지를 최적화하고 있는지에 대한 확인을 하고 있는지 확인하세요. 내 캐싱 전략은 무엇입니까? 그리고 이런 것들에 대해 의도적이지 않다면, 그것을 다루거나 사이트와 경험의 측면에 대해 더 의도적으로 얻을 수있는 기회가 있기 때문입니다.

이산 아난드: 좋습니다. 글쎄, 당신이 당신의 핵심 웹 바이탈 여정을 막 시작하든, 또는 당신은 그것에 깊이 있고 도움이 필요하든, 확실히 체크 아웃 자유롭게 느낀다. Edgio Optimize라는 도구가 있어 합성 테스트를 수행하거나 우리 팀에 연락할 수 있습니다. 기꺼이 도와드리겠습니다. 오늘은 핵심 웹 바이탈 팟캐스트가 될 것입니다. Ellery와 Rob, 그리고 Beyond the Edge에 참여해 주신 청중들께 감사드립니다. 다음에 뵙겠습니다.

Edgio Optimize로 사이트 성능 확인