핵심 웹 바이탈 이해: 웹사이트의 바이탈 사인

2020년 5월, Google은 웹사이트 성능을 평가하기 위한 측정항목 세트인 Core Web Vitals를 출시했습니다. 그 결과 일부 사이트에서는 트래픽이 감소했습니다. 그러나 빠르게 적응한 다른 사람들은 상당한 이점을 얻었습니다.

이 기사의 목적은 핵심 웹 바이탈을 이해하고 비즈니스 웹 사이트에 대한 중요성을 강조하는 것입니다. 이러한 지표가 어떻게 사용자 경험을 향상시키고 결과적으로 전환율과 같은 비즈니스 결과를 향상시킬 수 있는지 살펴보겠습니다.

Google 팀의 방법은 다음과 같습니다. 강조한다 핵심 웹 바이탈의 가치:

“사이트 소유자는 사용자에게 제공하는 경험의 질을 이해하기 위해 성능 전문가일 필요는 없습니다. Web Vitals 이니셔티브는 환경을 단순화하고 사이트가 가장 중요한 지표인 Core Web Vitals에 집중할 수 있도록 돕는 것을 목표로 합니다."

"우리는 사이트 소유자가 검색 성공을 위해 좋은 핵심 웹 바이탈을 달성하고 전반적으로 훌륭한 사용자 경험을 보장할 것을 강력히 권장합니다."

"Google의 핵심 순위 시스템은 좋은 페이지 경험을 제공하는 콘텐츠에 보상을 주려고 합니다."

나는 a에서 일한다 웹 개발 회사 , 그리고 이번 게시물에서는 우리 팀의 통찰력과 클라이언트 웹사이트에서 작업할 때 수행하는 작업을 공유하겠습니다. 또한 귀하의 웹사이트를 Google 표준에 맞춰 탄탄한 온라인 인지도를 보장하는 실용적인 전략도 포함되어 있습니다. 시작하자!

핵심 웹 바이탈이란 무엇입니까?

Google이 도입한 Core Web Vital은 웹페이지의 전반적인 사용자 경험을 결정하는 데 중요한 역할을 하는 핵심 요소입니다. 이는 Google이 검색 결과에서 페이지 순위를 결정하는 데 사용되는 '페이지 경험' 신호의 일부입니다.

이러한 측정항목은 웹사이트 소유자에게 실제 사용자가 사이트를 어떻게 경험하는지 명확하게 보여주기 위해 고안되었습니다. 페이지 로드 속도, 로드 중 레이아웃의 안정성, 사이트가 사용자 상호 작용에 응답하는 속도 등의 측면에 중점을 둡니다. 이러한 요소를 개선하면 Google 검색 결과에서 더 나은 위치를 차지할 수 있으며 이는 온라인 비즈니스에 매우 중요합니다.

다음 섹션에서는 핵심 웹 바이탈을 더 자세히 살펴보고 이것이 작동하는 방식과 이러한 중요한 지표에 맞게 웹 사이트를 최적화할 수 있는 방법을 이해하는 데 도움을 드리겠습니다.

CWV를 생각하는 기업의 성공 사례

이전 섹션의 요점을 증명하기 위해 Google을 열 수도 있습니다. 코어 웹 바이탈 보고서 그리고 "를 클릭하세요. 여기에서 추가 사례 연구를 읽어보세요. ". 이 리소스는 성능 문제를 해결하고 큰 이점을 얻은 웹사이트의 실제 성공 사례를 알려줍니다. 다음 사례 중 일부를 살펴보겠습니다.

• 르노 그룹 발견 콘텐츠가 포함된 최대 페인트(LCP)와 웹사이트 이탈률 및 전환율 사이의 중요한 연결 고리입니다. 그들은 LCP를 1초만 향상해도 이탈률을 최대 14% 포인트 줄이고 전환율을 13% 높일 수 있다는 것을 관찰했습니다.
• 파페치 경험이 풍부한 LCP가 100ms 향상될 때마다 웹 전환율이 1.3% 증가합니다.
• 라쿠텐 24의 A/B 테스트 노출된 더 나은 웹 바이탈은 방문자당 수익 53.4% 증가, 전환율 33.1% 증가, 평균 주문 금액 15.2% 증가, 종료율 35.1% 감소 등의 이점을 가져왔습니다.
• Carpe는 LCP를 52% 향상하고 누적 레이아웃 전환을 41% 향상하여 봤다 트래픽 10% 증가, 온라인 스토어 전환율 5% 증가, 수익 15% 증가입니다.

SEO에 미치는 영향

핵심 웹 바이탈은 사용자 경험에 대한 명확한 지표를 제공하므로 SEO에 매우 중요합니다. 이는 Google이 현재 순위 알고리즘에 포함하는 요소입니다. 이러한 통합은 더 나은 검색 결과 위치 지정을 위해 웹사이트가 이러한 표준을 충족해야 한다는 필요성을 강조합니다.

SEO(검색 엔진 최적화)는 웹사이트를 개선하여 검색 엔진 결과의 순위를 높이고 더 많은 방문자와 잠재 고객을 유치하는 데 도움을 주는 관행입니다.

SEO 외에도 핵심 웹 바이탈은 전반적인 웹사이트 성능에 영향을 미칩니다. 이러한 지표에서 좋은 점수를 받은 웹 사이트는 더 빠르게 로드되고, 안정적인 상호 작용을 제공하며, 사용자 친화성을 향상시켜 사용자 참여 및 전환율을 높입니다.

중요하기는 하지만 핵심 웹 바이탈은 Google의 순위 기준에 포함된 여러 요소 중 하나일 뿐입니다. 이러한 지표가 뛰어나면 사이트의 검색 순위가 향상될 수 있지만 상위 게재가 보장되는 것은 아닙니다. 균형 잡힌 SEO 전략은 이러한 요소를 다른 요소와 함께 고려해야 합니다.

2021년 5월 Google은 Core Web Vitals가 공식 순위 요소가 될 것이라고 발표했습니다. 이 업데이트는 점수가 더 높은 웹사이트의 순위가 향상될 수 있으며, 점수가 낮은 웹사이트는 처벌을 받을 수 있음을 의미합니다.

요약하자면, Google이 핵심 웹 바이탈에 중점을 두는 것은 검색 결과에서 사용자 경험을 최적화하려는 목표를 반영합니다. 이러한 영역에서 좋은 성과를 거두는 웹사이트는 더 나은 사용자 경험을 제공하여 Google의 목표에 부합하고 잠재적으로 더 높은 검색 순위를 확보할 가능성이 높습니다.

CWV 지표의 수명주기

지표의 수명주기는 웹 성능에 중점을 두는 기업에게 중요한 개념입니다. 이 수명주기는 여러 단계를 거쳐 진행되므로 지표가 실험적 수준에서 안정적인 수준으로 발전함에 따라 기업이 적응할 수 있는 시간을 확보할 수 있습니다. 이 프로세스는 이해관계자 피드백의 중요성과 예측 가능성 및 안정성을 위한 점진적이고 잘 전달되는 변화를 강조하므로 효과적인 비즈니스 계획 및 웹사이트 최적화 전략의 핵심입니다.

수명주기 단계를 파악하면 측정 도구를 이해하고 들어오는 업데이트를 준비하는 데 도움이 됩니다.

핵심 웹 바이탈에는 세 가지 수명 주기 단계가 있습니다.

• 실험단계

여기에서는 새로운 측정항목이 개발되고 테스트됩니다. 이 단계는 웹 성능 문제를 효과적으로 해결하고 기존 지표를 개선하는 것을 목표로 합니다. 또한 문제를 발견하고 측정항목의 초기 정의를 조정하기 위해 광범위한 커뮤니티로부터 피드백을 수집하는 작업도 포함됩니다.

• 보류 단계

가능성을 보여주는 측정항목은 초기 피드백을 기반으로 더욱 구체화됩니다. 그들은 생태계 내에서 적응할 시간을 허용하면서 최소 6개월 동안 이 단계에 머물게 됩니다. 이러한 지표의 사용이 증가함에 따라 이 단계에서는 개발자 및 기타 이해관계자의 의견이 중요합니다.

• 안정된 무대

측정항목이 효과적인 것으로 확인되고 보류 단계를 통과하면 안정 단계로 들어갑니다. 여기서는 버그 수정 및 비정기적인 업데이트를 포함하여 최종 마무리되고 지속적인 지원을 받습니다. 이러한 지표에 대한 모든 변경 사항은 공식 문서를 통해 철저하게 전달됩니다.

Google의 평가 기준

사이트가 가시성과 사용자 경험에 영향을 미치는 표준을 충족하려면 Google이 웹사이트 성능을 평가하는 방법을 이해하는 것이 중요합니다. Google의 평가 기준을 살펴보고 귀하의 온라인 입지를 강화할 수 있는 통찰력을 제공하겠습니다.

Google은 설정된 임계값과 함께 특정 측정항목을 사용하여 웹사이트 성능을 측정합니다. 대부분의 측정항목에 대해 Google에서는 모바일 및 데스크톱 기기 전반에 걸쳐 분류된 페이지 로드의 75번째 백분위수에 초점을 맞추는 것이 좋습니다. 이는 각 카테고리에서 페이지 방문의 최소 75%에 대한 성과 목표를 목표로 삼는 것을 의미합니다.

이 접근 방식을 사용하면 대부분의 사용자가 귀하의 사이트에서 좋은 경험을 할 수 있습니다. 페이지 로딩 속도, 상호 작용성 및 레이아웃 안정성과 같은 요소를 고려합니다.

핵심 웹 바이탈 규정 준수를 확인하는 도구는 이 75번째 백분위수 기준을 사용하여 사이트가 통과하는지 확인합니다. Core Web Vitals 지표에서 이러한 표준을 충족하면 모바일이든 데스크톱이든 대부분의 사용자에게 좋은 성능이 보장됩니다.

현장/실험실 데이터 구별

현장 및 연구실 데이터의 미묘한 차이를 파악하는 것은 웹사이트 성능을 최적화하고 궁극적으로 더 나은 비즈니스 성과를 달성하려는 모든 사람에게 필수적입니다. 각 데이터 유형의 장점과 한계를 아는 것은 모든 사용자 시나리오에서 잘 작동하는 웹 사이트를 개발하는 데 중요합니다.

실험실 데이터

실험실 데이터는 통제된 환경에서 수집되므로 디버깅에 이상적입니다. 이는 테스트를 위한 일관된 조건을 제공하므로 성능 문제를 식별하고 해결하는 데 도움이 됩니다. 그러나 통제된 특성으로 인해 실제 사용자 경험을 항상 나타내지는 않을 수 있습니다.

장점:

• 문제 디버깅에 이상적입니다.
• 일관된 테스트 조건을 통해 목표한 문제 해결이 가능합니다.

단점:

• 실제 병목 현상을 반영하지 못할 수도 있습니다.
• 전체 범위의 사용자 경험을 포착하는 데에는 제한이 있습니다.
• Lighthouse 및 WebPageTest와 같은 도구는 일반적으로 실험실 데이터를 수집하는 데 사용됩니다.

필드 데이터

필드 데이터는 자연 환경의 실제 사용자로부터 수집되어 다양한 조건에서 실제 사용자 경험에 대한 통찰력을 제공합니다. 웹사이트가 실제 세계에서 어떻게 작동하는지 이해하는 데 도움이 되지만 실험실 데이터에 비해 제한된 측정항목을 제공할 수 있습니다.

장점:

• 사용자 경험을 정확하게 반영합니다.
• 다양한 장치 및 네트워크 조건의 성능을 이해하는 데 유용합니다.

단점:

• 제한된 측정항목 세트.
• 특정 디버깅 목적에 대해서는 덜 자세하게 설명되어 있습니다.

효과적인 웹사이트 최적화를 위해서는 실험실 데이터와 현장 데이터의 균형을 맞추는 것이 중요합니다. 실험실 데이터는 통제된 환경에서 특정 문제를 식별하고 해결하는 데 도움이 됩니다. 반면, 필드 데이터는 다양한 조건에서 실제 사용자가 웹사이트와 어떻게 상호 작용하는지에 대한 통찰력을 제공합니다. 개발자는 필드 데이터를 사용하여 장치 유형 및 네트워크 연결과 같은 테스트 매개변수를 안내하여 테스트가 실제 사용자 경험을 반영하는지 확인해야 합니다. 이 접근 방식은 실제 시나리오에서 대부분의 사용자에게 잘 작동하는 웹 사이트를 만드는 데 도움이 됩니다.

각 주요 측정항목을 살펴봅니다.

웹 성능 지표는 웹 사이트의 효율성과 사용자 경험을 평가하는 데 사용되는 중요한 도구입니다. 이러한 측정항목은 크게 안정, 보류, 실험의 세 가지 유형으로 분류됩니다. 각 카테고리는 다양한 관점에서 웹사이트 성능을 포괄적으로 이해하는 데 중요한 역할을 합니다.

안정적인 지표

콘텐츠가 포함된 최대 페인트(LCP)

LCP는 사용자 관점에서 웹페이지 로딩 속도에 초점을 맞춘 중요한 성능 지표입니다. 사용자가 페이지를 탐색한 후 이미지나 텍스트 블록과 같은 페이지의 가장 큰 콘텐츠 요소가 완전히 로드되어 표시되는 데 걸리는 시간을 측정합니다.

좋은 LCP 점수의 중요성은 사용자 경험에 직접적인 영향을 미친다는 것입니다. 사용자는 일반적으로 웹페이지가 빠르게 로드되기를 기대하며, LCP가 느리면 좌절감을 느끼고 사용자가 페이지를 떠나게 될 수 있습니다.

마케팅 담당자와 사업주에게는 효과적인 LCP(2.5초 이상 목표)를 최적화하는 것이 중요합니다. 더 빠른 LCP는 방문자를 유지하고 이탈률을 줄이며 판매, 리드 생성 또는 정보 공유 등 비즈니스 목표를 달성하는 데 있어 웹사이트의 전반적인 성능을 향상시키는 데 도움이 됩니다.

첫 번째 입력 지연(FID)

FID는 사용자가 웹사이트와 처음 상호작용(예: 링크 클릭, 버튼 탭하기)부터 사이트가 해당 상호작용에 응답하는 순간까지의 시간을 측정하는 데 사용되는 측정항목입니다. 이 지표는 웹사이트의 반응성을 평가하는 데 필수적입니다. FID가 낮을수록 사이트가 빠르게 반응하여 더 나은 사용자 경험을 제공한다는 의미입니다. 응답성을 보장하기 위해 사이트는 100밀리초 이하의 FID를 목표로 해야 합니다.

안정적인 Core Web Vital인 FID는 응답하지 않는 페이지에 대한 사용자의 경험을 수량화합니다. 페이지를 사용할 수 있는지 확인하는 것이 중요합니다. 특히 FID는 2024년 3월 핵심 웹 바이탈로서 INP(Interaction to Next Paint)로 대체될 예정입니다.

CLS(누적 레이아웃 변경)

CLS는 웹 사이트의 시각적 안정성을 측정하는 안정적인 Core Web Vitals 지표입니다. 페이지 로딩 프로세스 도중과 이후에 예상치 못한 레이아웃 변경 정도를 계산합니다. 최적의 사용자 경험을 위한 목표는 CLS를 가능한 한 낮게, 이상적으로는 0.1 이하로 유지하는 것입니다.

웹 페이지 레이아웃의 변화는 요소의 비동기 로딩이나 페이지에 대한 동적 추가로 인해 자주 발생합니다. 이러한 변화는 사용자 경험을 방해할 수 있으며 잠재적으로 실수로 클릭이 발생하고 사이트 상호작용이 어려워질 수 있습니다. 안정적인 레이아웃은 원활한 사용자 경험을 유지하고 사용자 상호 작용을 장려하는 데 특히 중요합니다.

CLS의 중요성은 사용자 경험을 넘어 확장됩니다. 사용자가 불안정한 웹사이트에 참여하거나 구매할 가능성이 적기 때문에 이는 전환율에 직접적인 영향을 미칩니다. 또한 Google은 SEO를 위한 핵심 웹 바이탈에 CLS를 포함시키기 때문에 CLS 점수가 낮으면 웹 사이트의 검색 엔진 가시성에 부정적인 영향을 미칠 수 있습니다.

첫 번째 콘텐츠가 포함된 페인트(FCP)

FCP는 사용자가 페이지를 탐색할 때부터 텍스트, 이미지 또는 기타 요소 등 첫 번째 콘텐츠가 화면에 표시될 때까지 걸리는 시간을 측정하는 주요 웹 성능 지표입니다. 이는 페이지 로딩 속도의 초기 지표 역할을 하며, 페이지가 로딩 중이라는 첫 번째 신호를 사용자에게 제공합니다.

빠른 FCP는 페이지가 응답하고 있음을 방문자에게 확신시켜 이탈률을 줄이고 사용자 만족도를 높일 수 있습니다. SEO 관점에서 Google은 검색 순위에 대한 사용자 경험 측정항목에 FCP를 포함합니다. FCP 점수가 높을수록 검색 엔진 순위가 높아져 사이트에 더 많은 유기적 트래픽이 유입될 수 있습니다. 콘텐츠를 신속하게 로드하는 웹사이트는 방문자를 유지하고 온라인 비즈니스 목표를 달성하는 데 성공할 가능성이 더 높습니다.

총 차단 시간(TBT)

TBT는 웹 사이트의 로드 응답성을 측정하기 위한 실험실 지표로, 특히 페이지가 완전히 대화형이 되기 전에 페이지가 비대화형인 시간을 정량화합니다. 낮은 TBT는 웹사이트의 사용자 경험을 향상시키므로 유용성에 매우 중요합니다.

이 지표는 FCP(First Contentful Paint)부터 기본 스레드가 차단되어 시기적절한 입력 응답을 방해하는 TTI(Time to Interactive)까지의 총 시간을 측정합니다. 이는 실제 매장에서 지연을 경험하는 것과 유사하며, 웹사이트가 클릭이나 스크롤과 같은 상호 작용에 느리게 반응할 때 사용자가 온라인에서 느낄 수 있는 불만을 반영합니다.

보류 중인 측정항목

다음 페인트(INP)와의 상호작용

INP(Interaction to Next Paint)는 2024년 3월 핵심 웹 바이탈로 FID(First Input Delay)를 대체하도록 설정되었습니다. INP는 응답성과 상호 작용에 중점을 두고 사용자와 웹 페이지의 상호 작용부터 브라우저가 시각적으로 반응할 때까지의 시간을 측정합니다. 페이지의.

INP의 중요성은 사용자 경험에 미치는 영향에 있습니다. INP 점수가 낮을수록 사이트의 반응성이 높아져 사용자 참여가 향상된다는 의미입니다. 이는 동적이고 복잡한 웹페이지에 특히 중요합니다. 좋은 INP 점수로 표시되는 응답성 향상은 비즈니스 성장에 중요한 전환율과 고객 만족도 향상으로 이어질 수 있습니다.

INP 최적화는 웹사이트를 더욱 사용자 친화적으로 만들고, 사용자 상호 작용에 보다 원활하고 빠르게 응답하며, 온라인 비즈니스의 성공에 기여하는 데 핵심입니다.

실험적 지표

첫 번째 바이트까지의 시간(TTFB)

TTFB는 사용자의 브라우저가 페이지를 요청한 후 서버에서 데이터의 첫 번째 바이트를 얼마나 빨리 수신하는지를 측정하는 웹 성능 지표입니다. 이 타이밍은 사용자가 링크를 클릭하거나 URL을 입력할 때 시작되고 데이터가 도착하기 시작할 때 끝납니다.

TTFB는 사이트 속도와 전반적인 사용자 경험에 대한 초기 인식에 필수적입니다. TTFB가 낮을수록 사이트 로딩이 빠른 느낌을 주어 사용자 만족도를 높이는 데 도움이 됩니다. 이러한 빠른 응답으로 인해 사용자가 조기에 사이트를 떠날 가능성이 줄어들고 사용자가 더 오랜 세션 동안 계속 참여하게 될 가능성이 높아집니다. TTFB는 Google 순위 알고리즘의 직접적인 요소는 아니지만 SEO에 중요한 전체 사이트 속도에 기여합니다.

TTFB를 개선하려면 서버 응답 시간과 네트워크 효율성에 중점을 두어야 합니다. 이러한 측면을 최적화하면 사용자에게 더 빠른 데이터 전달이 보장되며, 이는 긍정적인 경험을 제공하고 사이트 참여를 유지하는 데 중요합니다. 대부분의 웹사이트에서 0.8초 이하의 TTFB를 목표로 하는 것은 응답성이 뛰어나고 효율적인 사용자 상호 작용을 보장하는 데 이상적입니다.

오래된 측정항목

TTI(상호작용 시간)

TTI(Time to Interactive)는 이상치 네트워크 요청 및 긴 작업으로 인한 가변성으로 인해 Lighthouse 10에서 제거되었습니다. 이러한 변화는 사용자 경험에 대한 보다 안정적이고 일관된 측정에 초점이 맞춰짐에 따라 웹 성능 지표의 지속적인 발전을 반영합니다.

LCP(Contentful Paint), TBT(Total Blocking Time), INP(Interaction to Next Paint)와 같은 지표로의 전환은 웹 페이지의 사용자 경험을 보다 정확하게 나타내는 지표로의 전환 추세를 나타냅니다. 이러한 새로운 지표는 사용자가 웹 사이트와 상호 작용하고 경험하는 방식에 대한 보다 안정적이고 정확한 평가를 제공할 수 있다는 점에서 선호됩니다.

Lighthouse 10과 같은 주요 성능 도구에서 TTI가 제거됨에 따라 웹 성능 커뮤니티가 정확성과 일관성의 더 나은 균형을 제공하는 측정항목을 중요하게 생각한다는 분명한 징후가 있습니다. 2024년 이후부터 TTI는 이러한 새롭고 보다 대표적인 지표에 비해 관련성이 떨어지는 것으로 간주됩니다.

웹사이트 성능 측정 도구

고객 웹사이트에서 작업할 때 Anadea 에서 사용하는 최고의 도구를 공유하겠습니다.

웹 바이탈 Chrome 확장 프로그램

Web Vitals Chrome 확장 프로그램은 한 번의 클릭으로 CWV 주요 지표를 측정하는 간단한 방법을 제공합니다. Chrome의 측정 방법과 Chrome 사용자 환경 보고서, Page Speed Insights, Search Console과 같은 다른 Google 도구에서 사용되는 방법에 맞춰 로드, 상호작용, 레이아웃 변경 측정항목에 대한 즉각적인 피드백을 제공합니다.

확장 프로그램이 설치되면 브라우저에 주변 배지가 표시됩니다. 이 배지에는 성과 상태를 나타내는 세 가지 시각적 상태가 있습니다.

• 비활성화됨(회색)
• 통과(녹색)
• 하나 이상의 측정항목 실패(빨간색)

평가하려는 웹사이트로 이동하기만 하면 배지에 현재 코어 웹 바이탈 상태가 표시됩니다.

배지를 클릭하면 자세한 보고서에 액세스할 수 있습니다.

이 보고서는 Chrome UX 보고서(CrUX) API를 통해 로컬 핵심 웹 바이탈 데이터와 현장의 실제 사용자 데이터를 결합합니다. 이 기능은 상황에 맞는 통찰력을 제공하여 동일한 페이지에 있는 다른 데스크톱 사용자의 경험과 개인 경험을 비교하고 웹 사이트 성능에 대한 포괄적인 보기를 제공합니다.

페이지 속도 통계(PSI)

PageSpeed Insights(PSI)는 모바일 및 데스크톱 기기 모두에서 웹페이지의 사용자 경험을 분석하기 위해 Google이 제공하는 것입니다. 개선을 위한 권장 사항을 제공하고 페이지에 대한 실험실 및 현장 데이터를 모두 제공합니다.

PSI는 성능 측정을 위해 페이지 로드 조건을 시뮬레이션합니다. 모바일의 경우 모바일 네트워크에서 중간급 장치(Moto G4)를 사용하고, 데스크톱의 경우 유선 연결로 데스크톱을 에뮬레이트합니다. 네트워크 상태를 포함한 테스트 환경은 구글 데이터센터를 기반으로 하며, Lighthouse Report의 환경 블록에서 위치 등의 세부정보를 확인할 수 있습니다.

PSI 사용은 간단합니다. PSI 웹사이트를 방문하여 테스트하려는 페이지의 URL을 입력 필드에 붙여넣고 '분석'을 클릭하세요. 그런 다음 PSI는 모바일 및 데스크톱에 대한 핵심 웹 바이탈 통계를 제공하여 사용자 경험 품질을 좋음, 개선 필요 또는 나쁨으로 분류합니다. 90점 이상이면 양호, 50~89점은 개선 필요, 50점 이하는 불량으로 간주됩니다.

웹페이지에서 PSI를 사용하는 예는 데스크톱과 모바일에 대해 뚜렷한 결과를 보여줍니다. 데스크톱 성능은 좋을 수 있지만 모바일 성능은 장치 성능, 네트워크 상태 등의 요인에 따라 달라질 수 있습니다. 예를 들어 데스크톱에서 잘 로드되는 고해상도 이미지는 크기로 인해 모바일에서 LCP(Largest Contentful Paint) 점수가 낮을 수 있습니다. 모바일 화면의 첫 번째 이미지를 최적화하면 LCP 및 FCP(First Contentful Paint) 점수가 향상될 수 있습니다.

예를 들어, anadea.info, 데스크탑 페이지를 입력하십시오.

분석에 따르면 데스크톱 사용자에게는 페이지 성능이 상당히 좋은 것으로 나타났습니다. 그러나 PSI는 개선이 필요한 몇 가지 영역도 강조합니다.

모바일 검사에서는 데스크톱 검사와 다른 결과가 나타날 수 있다는 점을 명심하세요. 많은 사용자가 PC가 아닌 모바일 장치로 인터넷에 액세스하므로 모바일 최적화를 심각하게 고려하는 것이 중요합니다.

모바일의 '성능' 점수는 인터넷 속도(유선 인터넷과 모바일 인터넷)의 차이로 인해 데스크탑만큼 좋지 않은 경우가 많습니다. 이를 개선하려면 성능 저하의 원인이 무엇인지 살펴봐야 합니다.

두 가지 중요한 지표는 총 차단 시간(TBT)과 콘텐츠가 포함된 최대 페인트(LCP)입니다. 이 두 가지 지표만으로도 성능 점수의 55%를 구성합니다.

이 문제를 해결하는 방법은 무엇입니까? LCP에 대해 이미 알고 있듯이 LCP는 사용자가 페이지를 연 후 페이지에서 가장 큰 콘텐츠 요소(예: 이미지 또는 텍스트 블록)가 완전히 표시되는 데 걸리는 시간을 수량화합니다. 이 페이지에서 LCP는 이미지이며 아마도 고해상도(PC용)를 갖고 있어 작은 모바일 화면에는 적합하지 않습니다. 해결책은 모바일 화면에 더 작고 더 잘 최적화된 첫 번째 이미지를 추가하는 것입니다. 그러면 LCP가 향상되고 FCP 점수도 높아질 것입니다.

그러면 TBT(Total Blocking Time)는 과도하거나 불필요한 스크립트로 인해 영향을 받을 수 있습니다. PSI 진단은 사용되지 않는 스크립트 및 타사 스크립트 간섭과 같은 문제를 식별하는 데 도움이 될 수 있습니다. 이러한 문제를 해결하면 TBT 점수가 향상될 수 있습니다.

Google이 '성능' 점수를 계산하는 방법에 관심이 있으시면 아래 이미지를 참조하세요.

계산에서는 TBT, LCP, CLS(누적 레이아웃 변경)와 같은 지표에 상당한 비중을 두고 있으며, 이는 전체적으로 점수의 최대 80%에 영향을 미칠 수 있습니다. 이를 통해 모바일 및 데스크톱 버전의 사이트 모두에서 우수한 성능을 유지하려면 이러한 측정항목을 모니터링하고 최적화하는 것이 중요하다는 결론을 내릴 수 있습니다.

결론

결론적으로, 핵심 웹 바이탈은 비즈니스의 온라인 성공에 매우 중요합니다. 이는 귀하의 웹사이트가 사용자에게 빠르고 반응성이 뛰어나고 즐거운지 확인합니다. 이는 사용자 경험을 향상시킬 뿐만 아니라 더 나은 검색 순위와 더 높은 전환율을 달성하는 데에도 도움이 됩니다.