비즈니스 의사 결정권자를 위해 Core Web Vitals 최적화

비즈니스 의사 결정권자와 개발자가 아닌 사용자가 Core Web Vitals를 개선하는 방법을 알아보세요.

소개

웹사이트 사용자 경험이 비즈니스 성과에 직접적인 영향을 미친다는 조사 결과가 있습니다. 웹사이트가 더 빠르게 로드되고 사용자의 입력에 더 빠르게 반응하도록 환경을 개선하면 참여도와 전환수가 증가하는 경우가 많습니다. Core Web Vitals는 웹사이트의 사용자 환경을 수치화하여 개선이 필요한 영역을 파악하기 위한 이니셔티브입니다.

하지만 많은 Core Web Vitals 문서는 웹 개발자를 대상으로 하며, 기술에 대한 깊은 이해와 코드에 대한 완전한 제어 권한을 전제로 합니다. 많은 웹사이트가 WordPress, Shopify, Wix 또는 기타 유사한 솔루션과 같은 '사이트 작성 도구' 플랫폼을 사용하여 개발자가 아닌 사용자에 의해 생성되며, 웹 개발팀이 없는 경우가 많습니다.

전담팀이나 웹 개발자가 있더라도 웹 성능을 책임지는 유일한 사람은 아닙니다. 비즈니스 의사 결정권자는 콘텐츠와 디자인을 결정하는 것부터 웹사이트로 더 많은 트래픽을 유도하기 위한 광고 전략을 개발하는 것까지 웹사이트 실적에 큰 영향을 미칩니다. 이러한 결정은 웹사이트 실적에 큰 영향을 미치는 경우가 많습니다.

이 가이드는 사이트 제작자와 소유자가 웹 개발에 관한 심층적인 기술 지식 없이도 사용자 환경을 최대한 이해하고 개선하는 데 도움이 되는 관련 정보를 제공하는 것을 목표로 합니다.

동시에 많은 성능 문제는 개발자가 기술적 수정을 구현해야 하며, 개발자 중심 가이드가 이러한 노력에 도움이 될 수 있습니다. 이 가이드는 포괄적인 가이드가 아니라 비즈니스 의사 결정권자를 위한 Core Web Vitals 이니셔티브를 소개하고, 개발과 관련이 없는 일반적인 페이지 성능 저하의 근본 원인을 설명하는 데 중점을 둡니다. 이 외에도 웹 개발자가 참여해야 추가 작업을 진행할 수 있습니다.

Core Web Vitals란 무엇인가요?

Core Web Vitals는 페이지의 사용자 환경, 특히 사용자가 느끼는 페이지 속도를 측정하도록 설계된 세 가지 측정항목입니다. 각각에는 세 글자 약어가 있습니다.

  • 최대 콘텐츠 페인트(LCP)는 로드 성능을 측정합니다. 즉, 페이지 로드가 시작된 후 페이지의 가장 중요한 콘텐츠가 표시되는 데 걸리는 시간(초)을 측정합니다.
  • 누적 레이아웃 이동 (CLS)은 페이지의 시각적 안정성을 측정합니다. 즉, 로드 중에 콘텐츠가 얼마나 많이 이동하는지를 보여줍니다.
  • 다음 페인트에 대한 상호작용 (INP): 페이지가 클릭, 탭, 키보드 상호작용에 얼마나 빠르게 반응하는지를 나타냅니다.

각 측정항목은 사용자 경험의 다양한 측면을 측정합니다. 또한 Google은 각 측정항목의 권장 기준점을 제공하며, 하한 기준점보다 낮은 사용자 환경은 양호한 것으로 간주되고 상한 기준점보다 높은 사용자 환경은 불량한 것으로 간주됩니다. 이러한 기준점 사이의 페이지는 개선 필요 범위에 있는 것으로 간주됩니다. 이러한 측정항목은 수치가 낮을수록 좋습니다.

Core Web Vitals는 어떻게 측정되나요?

Core Web Vitals는 웹사이트의 실제 사용자를 기준으로 측정되며, 사용자마다 결과가 다릅니다. 'Google의 생각'이나 'Googlebot의 생각'이 아니라 웹사이트의 실제 사용자가 경험한 내용을 반영합니다.

일부 사용자는 더 빠른 기기와 더 빠른 네트워크를 사용합니다. 일부는 느린 기기나 느린 네트워크를 사용합니다. 일부 사용자는 사이트에서 더 간단하고 빠른 페이지를 방문하고, 다른 사용자는 더 복잡하고 느린 페이지를 방문합니다. 그런 다음 이러한 모든 사용자 경험의 결과를 집계하여 전체 웹사이트의 전반적인 측정값을 제공합니다.

Google은 선택한 Chrome 사용자의 데이터를 Chrome 사용자 경험 보고서 (CrUX)에서 제공하며, 이 보고서는 PageSpeed Insights 및 Google Search Console과 같은 많은 Google 도구에 제공됩니다.

CrUX는 수백만 개의 인기 웹사이트에서 사용할 수 있지만 모든 웹사이트가 CrUX에 포함되는 것은 아닙니다. 다른 실제 사용자 모니터링 (RUM) 도구도 사이트의 이러한 측정항목을 수집할 수 있습니다.

내 사이트의 Core Web Vitals는 어떻게 찾을 수 있나요?

Google 및 서드 파티에서 제공하는 Core Web Vitals 측정항목을 보여주는 도구는 다양합니다. 이 게시물에서는 사이트의 Core Web Vitals를 빠르게 확인할 수 있는 두 가지 도구를 소개합니다. Core Web Vitals를 해결하는 데 사용하는 워크플로를 비롯한 다른 Google 도구를 자세히 알아보려면 Google 도구를 사용한 Core Web Vitals 워크플로 게시물을 참고하세요.

플랫폼에서 통합 RUM 솔루션을 제공하는 경우 사이트 페이지에 관한 훨씬 더 자세한 정보를 제공하거나 특정 페이지를 드릴다운하거나 사용자를 분류하여 문제를 이해하고 식별하는 데 도움이 될 수 있습니다.

PageSpeed Insights

설정이 필요 없는 빠른 보기를 원한다면 PageSpeed Insights (PSI)를 사용하면 됩니다. URL을 입력하고 분석을 클릭합니다. 사이트가 CrUX에 포함되어 있으면 '실제 사용자의 경험 확인하기' 섹션이 빠르게 표시됩니다.

PageSpeed Insights에서 URL의 Core Web Vitals에 대한 CrUX 데이터를 표시하는 방법 각 Core Web Vitals는 별도로 표시되며, 지난 28일 동안의 '좋음', '개선 필요', '느림' 기준점에 따라 각 Core Web Vitals를 그룹화합니다.
PageSpeed Insights는 실제 사용자가 경험한 Core Web Vitals를 보여줍니다.

지난 28일 동안 실제 Chrome 사용자가 웹사이트를 어떻게 경험했는지 보여줍니다. 상단에 세 가지 Core Web Vitals가 표시되고 그 아래에 다른 지원 측정항목 (대기 중인 INP 측정항목 포함)이 표시됩니다. 페이지 상단의 전체 통과 또는 실패 평가에는 Core Web Vitals만 반영되지만, 다음 섹션에서 설명하는 것처럼 다른 측정항목은 Core Web Vitals 문제를 해결하는 데 유용할 수 있습니다.

이 섹션 상단의 버튼을 사용하여 모바일 보기와 데스크톱 보기 간에 전환할 수 있습니다. 두 가지 모두에 데이터가 있는 경우 오른쪽 상단의 전환 버튼을 사용하여 이 URL과 해당 출처의 모든 데이터 간에 전환할 수도 있습니다.

이 수치는 사이트의 실적과 개선할 수 있는 측정항목, 기기 유형을 광범위하게 보여줍니다.

Google Search Console

Google Search Console (GSC)은 사이트 소유자 전용이므로 사용하려면 사이트 소유권을 등록하고 확인해야 합니다. Google 검색에서 사이트를 어떻게 인식하는지 자세히 보여줍니다.

PageSpeed Insights와 달리 GSC는 Google 검색에서 인식하는 사이트의 모든 페이지를 나열하고 모든 페이지에 대한 Core Web Vitals 세부정보를 제공합니다.

Search Console의 Core Web Vitals 보고서 보고서는 데스크톱 및 모바일 카테고리로 분류되며, 시간 경과에 따라 '좋음', '개선 필요', '느림' 카테고리의 Core Web Vitals가 있는 페이지의 분포를 보여주는 선 그래프가 포함되어 있습니다.
Google Search Console Core Web Vitals 보고서

페이지는 URL 그룹으로 수집되어 특정 카테고리의 페이지 (예: 제품 세부정보 페이지, 블로그 페이지 등)에 Core Web Vitals 문제가 있는지 확인할 수 있습니다. 이러한 페이지는 일반적으로 유사한 기술이나 템플릿을 기반으로 빌드되므로 페이지에 문제가 있는 경우 공통적인 원인이 있을 수 있습니다.

사이트 작성 도구의 일반적인 Core Web Vitals 문제

많은 성능 문제의 경우 개발자가 기술적 수정을 구현해야 하며, 개발자 중심 가이드가 개발자에게 도움이 될 수 있습니다. 이 섹션에서는 비즈니스 의사 결정권자가 이러한 측정항목을 개선하는 데 도움이 될 수 있는 일반적인 비개발자 문제에 대해 설명합니다.

'개발자가 아닌 사용자'란 사이트가 실제로 코딩되는 방식을 제한적으로 제어할 수 있는 사이트 빌더 플랫폼을 사용하는 사용자 또는 사이트 디자인을 결정하거나 예산의 우선순위를 정하는 데 도움을 주는 비즈니스 의사 결정권자를 의미합니다.

최대 콘텐츠 페인트 (LCP) 문제

LCP는 링크를 클릭한 시점부터 브라우저에 가장 큰 콘텐츠 (일반적으로 배너 이미지 또는 헤드라인)가 표시될 때까지의 시간을 측정하여 웹페이지의 로드 속도를 측정하는 것을 목표로 합니다.

LCP 요소가 녹색으로 강조 표시된 웹페이지
LCP 요소는 페이지가 로드될 때 로드되는 가장 큰 요소로, 이 예에서는 녹색으로 강조표시되어 있습니다.

웹페이지에서 우수한 페이지 경험을 제공하려면 링크 클릭 후 2.5초 이내에 이러한 콘텐츠를 사용자에게 표시하는 것을 목표로 해야 합니다. 4초 이상 소요되면 좋지 않은 경험으로 간주됩니다.

비즈니스 의사 결정권자가 영향을 미칠 수 있는 LCP에 영향을 미치는 일반적인 문제 중 일부는 다음 섹션에 나와 있습니다.

페이지 로드 시작 지연

페이지 자체의 로드 시간을 개선하는 것에 대해 생각하는 경우가 많지만, 로드를 시작하기 전에도 지연이 발생하는 경우가 많습니다. 웹사이트가 몇 초 동안 다운로드되지 않으면 LCP가 2.5초 미만의 양호한 기준을 충족할 수 없습니다.

첫 바이트까지의 시간 (TTFB)은 웹페이지의 첫 번째 부분을 다운로드하는 데 걸리는 시간입니다. PageSpeed Insights에 큰 TTFB 진단 측정항목이 빨간색 또는 주황색으로 표시되는 경우 이를 해결하는 것이 중요하며 LCP에 직접적인 영향을 미칩니다.

시청자 이해하기

TTFB 문제의 경우 잠재고객을 이해하는 것이 중요합니다. 웹사이트가 한 국가에서 호스팅되지만 전 세계 방문자를 대상으로 하는 경우 웹사이트 사용자와 웹 서버 간의 지리적 근접성이 페이지의 TTFB에 영향을 미칩니다. 콘텐츠 전송 네트워크 (CDN)를 사용하면 사이트 사본을 전 세계에 캐시할 수 있으므로 사용자에게 더 가까이 다가갈 수 있습니다. 많은 호스팅 제공업체는 서비스의 일부로 CDN을 포함하며 이를 자동으로 처리합니다. 사이트가 호스팅되는 위치가 이 경우에 해당하는지 확인하세요. 일부 플랫폼은 더 많은 CDN 위치를 제공하는 다양한 서비스 등급을 제공하며, 유료 등급이 높을수록 더 많은 CDN 위치를 제공합니다. 이러한 경우 글로벌 비즈니스는 더 높은 등급을 고려해야 합니다.

리디렉션 최소화

리디렉션은 TTFB가 느려지는 또 다른 일반적인 원인입니다. 광고 캠페인을 운영하거나 이메일 커뮤니케이션을 보낼 때는 여러 링크 축약기를 사용하지 않거나 리디렉션해야 하는 URL을 포함하여 리디렉션 수를 최소화하세요. 예를 들어 www.example.com/blog로 리디렉션해야 하는 캠페인에서 example.com/blog를 사용하면 https://www.example.com/blog로 리디렉션되어 페이지의 TTFB가 늘어납니다. 마케팅 캠페인에서 리디렉션을 최소한으로 사용해야 합니다.

광고 캠페인이 적절한 잠재고객을 타겟팅하도록 보장

또한 광고 캠페인이 잠재고객을 효과적으로 타겟팅하고 있는지 확인하세요. 지구 반대편에 있는 사용자로부터 많은 신규 트래픽이 발생하지만 제품을 배송할 수 없는 경우 광고비가 낭비되고 웹사이트 실적에 부정적인 영향을 미칩니다.

URL 매개변수는 웹 성능에 영향을 줄 수 있습니다.

UTM 매개변수와 같은 URL 매개변수는 마케팅 캠페인에 자주 사용됩니다. 이러한 URL은 매번 동일한 페이지를 제공하더라도 고유한 페이지로 보일 수 있으므로 인프라의 캐싱 효과를 줄일 수 있습니다. UTM 매개변수를 사용하는 경우 CDN 제공업체 또는 인프라팀에 문의하여 캐싱 인프라에서 이러한 URL 매개변수를 무시하도록 하여 캠페인이 이미 캐시된 페이지의 이점을 누릴 수 있도록 하세요.

미디어는 성능에 큰 영향을 미칠 수 있습니다.

미디어가 페이지에 미치는 영향을 고려하세요. 이미지 및 동영상과 같은 미디어는 일반적으로 크기가 훨씬 크므로 다운로드하는 데 텍스트보다 시간이 더 오래 걸립니다. 이로 인해 나머지 페이지 로드 속도도 느려질 수 있습니다. 이는 LCP 요소가 텍스트가 아닌 미디어인 경우 특히 중요합니다. LCP 요소는 웹페이지의 약 80%에 있는 이미지이므로 사이트에 미디어가 미치는 영향을 고려하는 것이 중요합니다.

동시에 미디어 애셋은 텍스트가 많은 사이트보다 훨씬 더 매력적인 시각적 경험을 사용자에게 제공할 수 있습니다. 따라서 미디어를 삭제하는 것은 거의 불가능하지만 미디어 비용과 이를 줄이는 방법을 알고 있으면 성능 문제를 최소화할 수 있습니다.

캐러셀 피하기

여러 이미지로 구성된 캐러셀은 페이지의 전체 로드 시간에 영향을 줄 수 있습니다. 캐러셀을 최적화하여 구현하지 않을 경우 여러 이미지가 동시에 다운로드될 수 있습니다. 또한 캐러셀은 어디서나 볼 수 있지만 우수한 사용자 환경을 제공하지 않는 경우가 많으므로 사이트에서 사용하기 전에 신중하게 고려하세요.

웹에 최적화된 이미지 사용

다음은 미디어 애셋의 크기입니다. 웹의 많은 이미지가 너무 높은 해상도로 제공됩니다. 모든 미디어 파트너 또는 디자인 대행사가 전체 크기 인쇄 품질 이미지가 아닌 웹에 최적화된 이미지를 제공하도록 합니다. TinyJPG와 같은 서비스를 사용하면 이미지를 업로드하기 전에 이미지에서 불필요한 데이터를 신속하게 삭제할 수 있습니다. 많은 웹 플랫폼은 업로드 시 이미지를 자동으로 최적화하려고 시도하지만, 사용자의 기기에 표시될 이미지의 크기를 알 수 없으므로 처음부터 더 작은 이미지를 제공하면 상당한 이점을 얻을 수 있습니다.

동영상에 각별히 주의하기

동영상을 사용할 때는 각별히 주의하세요. 동영상은 웹사이트에서 다운로드하고 표시하는 데 가장 크고 느린 콘텐츠 중 하나이므로 과도하게 사용하지 않아야 합니다. 동영상을 상단에 배치하는 대신 페이지 아래쪽에 위치하도록 저장하고 이렇게 하면 비용이 적게 드는 콘텐츠를 빠르게 로드하여 사용자에게 더 나은 로드 환경을 제공하고 LCP가 영향을 받지 않도록 할 수 있습니다.

A/B 테스트

많은 비즈니스에서 웹사이트 변경사항을 실험하기 위해 A/B 테스트를 수행합니다. 이러한 요소가 구현되는 방식은 LCP에 큰 영향을 미칠 수 있습니다.

많은 A/B 테스팅 솔루션은 테스트의 변경사항이 적용될 때까지 웹사이트가 사용자에게 처음 표시되는 시점을 지연시킵니다. 이렇게 하면 웹사이트의 원본 버전이 표시되지 않지만, 웹사이트가 사용자에게 표시되는 시간이 지연됩니다. 이러한 지연을 방지하기 위해 서버 측에 다른 솔루션이 적용됩니다. A/B 테스트가 어떻게 진행되는지, 이러한 지연이 발생하는지 파악하는 데 시간을 할애하세요. 또한 가능하면 서버 측 A/B 테스트 솔루션을 사용하는 것이 좋습니다.

A/B 테스트는 새로운 변경사항을 적용하기 전에 매우 유용한 의견을 제공할 수 있지만, 페이지 성능에 미치는 영향과 잠재적인 이점을 비교하여 신중하게 고려해야 합니다.

인프라와 관계없이 A/B 테스트를 실행하는 모든 사용자는 항상 다음 권장사항을 염두에 두어야 합니다.

  • 대부분의 페이지에서 특정 시점에 A/B 테스트를 실행하지 않을 수 있으므로 모든 페이지를 지연시키는 대신 테스트에 포함된 페이지로만 A/B 테스트 도구를 제한합니다.
  • 대부분의 사용자에게 영향을 미치지 않도록 A/B 테스트를 일부 사용자로 제한합니다.
  • 결정적인 결과를 제공하는 데 필요한 최소 시간으로 A/B 테스트를 제한합니다. A/B 테스트를 오래 실행할수록 사용자가 페이지 성능 저하를 경험하는 시간이 길어질 수 있습니다.
  • 무엇보다도 더 이상 필요하지 않은 A/B 테스팅 실험은 삭제해야 합니다.

누적 레이아웃 이동 (CLS) 문제

CLS는 페이지의 시각적 안정성을 측정합니다. 즉, 콘텐츠가 로드될 때 페이지의 콘텐츠가 얼마나 많이 이동하는지를 측정합니다. 사용자가 웹페이지를 읽기 시작했는데 더 많은 콘텐츠나 광고 슬롯이 표시되면서 읽던 위치를 놓치게 되면 사용자의 주의가 분산될 수 있습니다. 또한 페이지 레이아웃이 과도하게 변경되면 사용자가 의도치 않게 잘못된 콘텐츠를 클릭할 수 있습니다. 나중에 로드되고 초기 페이지 콘텐츠의 일부를 이동할 수 있는 동적 콘텐츠는 매우 주의해야 합니다.

레이아웃 불안정성이 사용자에게 어떠한 부정적 영향을 주는지 보여 주는 스크린캐스트

이는 콘텐츠가 얼마나 많이 이동하는지, 얼마나 많이 이동하는지를 계산하는 수학적 공식으로 측정됩니다. 단위가 없는 분수로 표현되며, 값이 0.1 이하면 양호, 0.25 이상이면 불량으로 간주됩니다.

다음 섹션에서는 비즈니스 의사 결정권자가 영향을 미칠 수 있는 CLS에 영향을 미치는 몇 가지 일반적인 문제를 설명합니다.

페이지를 스크롤할 때 이미지가 어떻게 로드되는지 확인합니다.

많은 템플릿은 초기 페이지 로드 중에 화면에 표시되는 이미지에 더 많은 리소스를 제공하기 위해 페이지 아래쪽에 있는 이미지를 로드하지 않습니다. 그런 다음 사용자가 아래로 스크롤하면 이미지가 로드됩니다. 이 이미지 로드 기법을 지연 로드라고 합니다.

페이지 템플릿은 지연 로드 이미지의 공간을 확보해야 합니다. 그래야 이미지가 로드되기 전에 사용자가 매우 빠르게 스크롤해도 주변 콘텐츠가 이동하지 않습니다. 템플릿이나 플랫폼에서 이 작업을 수행하지 않는 경우 이 작업을 수행하는 템플릿이나 플랫폼으로 전환하는 것이 좋습니다.

콘텐츠 중간에 게재되는 광고에 주의하세요.

콘텐츠 중간에 삽입된 광고는 콘텐츠를 아래로 밀어낼 위험이 있습니다. 광고는 로드하는 데 시간이 조금 더 걸리는 경우가 많기 때문입니다. 이전 섹션에서 설명한 이미지보다 더 오래 걸리는 경우가 많습니다. 이러한 요소를 기본 페이지 콘텐츠 측면에 배치하는 것은 이 위험을 줄이는 일반적인 패턴입니다. 실제로 이를 달성하는 방법은 특정 플랫폼과 사이트를 구축하는 데 사용하는 템플릿에 따라 다릅니다.

페이지 상단에 동적 콘텐츠를 추가하지 않기

페이지 로드 후 페이지 상단에 알림 및 배너(예: 쿠키 배너 또는 특별 이벤트)를 추가하지 마세요. 대신 기본 콘텐츠 위에 알림과 배너를 오버레이하면 페이지 콘텐츠가 이동하지 않습니다. 이전 섹션과 마찬가지로, 여기서 선택할 수 있는 옵션은 페이지에 사용된 플랫폼과 템플릿에 따라 달라집니다.

다음 페인트에 대한 상호작용 (INP) 문제

INP는 페이지의 반응성을 측정하여 페이지가 클릭, 탭, 키보드 입력과 같은 상호작용에 빠르게 반응하는지 평가합니다. 사용자 입력에 빠르게 반응하지 않는 페이지는 느리게 느껴지는 경우가 많으며 사용자에게 불만을 야기할 수 있습니다.

좋지 않은 반응성과 좋은 반응성의 예 왼쪽에서는 긴 작업으로 인해 아코디언이 열리지 않습니다. 이로 인해 사용자는 환경이 손상되었다고 생각하여 여러 번 클릭하게 됩니다. 기본 스레드가 따라잡으면 지연된 입력을 처리하여 아코디언이 예기치 않게 열리고 닫힙니다.

INP는 페이지 수명 동안 발생하는 모든 적격 상호작용을 측정하고 가장 긴 상호작용을 보고합니다. INP의 좋음 기준은 200밀리초이고 나쁨 기준은 500밀리초입니다.

반응성 측정항목, 특히 INP는 최적화하기 까다로운 측정항목입니다. 이러한 측정항목이 나쁨 기준점에 있는 경우 일반적으로 웹페이지에서 너무 많은 작업을 시도하여 상호작용이 지연되기 때문입니다. 따라서 여기에서 주요 해결 방법은 불필요한 코드를 삭제하여 페이지를 더 가볍게 만드는 것입니다.

비즈니스 의사 결정권자가 영향을 미칠 수 있는 INP에 영향을 미치는 일반적인 문제는 다음 섹션에 나와 있습니다.

봄맞이 대청소를 하세요.

사이트에 추가된 플러그인과 위젯을 검토하고 더 이상 사용하지 않는 경우 삭제합니다. 플러그인을 추가하여 사용해 보는 것은 쉽지만, 유용하지 않다고 판단한 후 나중에 삭제하는 것을 잊어버리는 경우가 많습니다. 이는 상호작용이 느려지는 원인 중 하나이지만 다른 많은 최적화에 비해 비교적 간단합니다.

마찬가지로 마케팅 캠페인에 태그 관리자를 사용하는 경우 이전 캠페인이 삭제되었는지 확인합니다. 더 이상 실행되지 않더라도 만료된 마케팅 캠페인의 코드는 여전히 각 페이지에서 다운로드되고 컴파일되어야 하므로 초기 페이지 로드 중에 사용자 상호작용이 느려질 수 있습니다.

비용이 많이 드는 위젯 및 플러그인 피하기

계산 비용이 많이 드는 위젯과 플러그인은 보기에는 좋을 수 있지만 사용자 경험을 개선할까요, 아니면 오히려 악화시킬까요? PageSpeed Insights의 성능 문제 진단 보고서는 Lighthouse에서 제공하며, 웹사이트 성능에 눈에 띄는 영향을 미치는 JavaScript를 식별하는 데 도움이 될 수 있습니다.

위젯은 필요한 페이지로만 제한하는 것이 좋습니다. 문의 페이지에서만 Google 지도 삽입을 사용하는 경우 모든 페이지에서 로드할 필요가 없으며, 이로 인해 반응성 문제가 발생할 수 있습니다.

광고 수 고려(특히 모바일)

광고는 많은 비즈니스에 좋은 수익 창출 전략이지만 복잡하고 리소스가 많이 필요한 경우가 많습니다. 광고가 많을수록 리소스 사용량이 많아져 페이지 속도에 영향을 줄 수 있습니다. 이는 특히 휴대기기에서 더욱 그렇습니다. 휴대기기의 처리 능력 메모리는 데스크톱이나 노트북 기기만큼 크지 않은 경우가 많습니다.

수익 창출과 실적 간의 균형

수익 창출과 실적 간의 균형을 고려합니다. 좋지 않은 경험으로 인해 사용자가 일찍 이탈하는 경우, 추가 광고로 인해 발생하는 수익보다 손실이 더 클 수 있습니다.

과도한 페이지 크기 피하기

크고 복잡한 페이지는 표시하는 데 더 많은 처리 시간이 필요합니다. 예를 들어 1,000개의 서로 다른 제품이 있는 제품 갤러리가 있는 경우 사용자의 브라우저 창에 표시하는 데 시간이 걸립니다. 이 시간을 줄이기 위해 페이지를 페이지로 나누는 시점을 고려하세요.

추가 지원을 받으려면 어떻게 해야 하나요?

이 게시물에는 비즈니스 소유자가 실적에 영향을 미칠 수 있는 일반적인 고려사항이 나와 있습니다. 그 외에도 웹 개발자와 상담하여 웹사이트 실적을 개선하기 위해 할 수 있는 일에 대해 더 많은 정보를 얻을 수 있습니다.

플랫폼별 정보

대부분의 플랫폼은 웹 성능에 깊은 관심을 가지고 있으며, 이를 개선하는 방법에 관한 플랫폼별 전용 조언을 제공할 수 있습니다. 또한 해당 플랫폼을 사용하는 과정에서 사이트 개선 방법에 관해 추가로 조언을 제공할 수 있는 전담 웹 성능팀의 지원을 받을 수도 있습니다.

Lighthouse는 또한 Stack Pack 기능을 사용하여 플랫폼별 정보를 표시하므로 지원되는 플랫폼 사용자를 적절한 조언으로 안내할 수 있습니다.

플랫폼은 시간이 지남에 따라 지속적으로 개선되며, 현재 많은 플랫폼이 성능과 Core Web Vitals에 집중하고 있습니다. 플랫폼 개발자가 제공하는 최신 개선사항을 활용하려면 플랫폼을 최신 상태로 유지해야 합니다.

플랫폼 제공업체가 플랫폼 업데이트를 포함하여 플랫폼을 자동으로 관리하는 호스팅 플랫폼을 사용하는 경우 가장 쉽습니다. 자체 서버에 WordPress를 로컬로 설치하는 등 플랫폼을 직접 호스팅하는 경우 플랫폼을 정기적으로 업데이트하면 플랫폼 개발자가 구현한 개선사항을 사이트에 적용할 수 있습니다. 비즈니스는 이러한 유지보수를 우선시하거나 이를 대신 관리해 주는 서비스를 선택해야 합니다.

웹 개발자 고용

웹 성능에 관한 전문 지식을 갖춘 웹 개발자는 비즈니스 소유자보다 더 많은 문제를 해결할 수 있습니다. 이미 웹 개발자를 고용하여 사이트를 처음 구축했거나 주기적으로 변경했을 수도 있고, 전담 개발팀이 있을 수도 있고, 개발자를 찾아 고용해야 할 수도 있습니다 (웹 성능 전문 지식이 있는 개발자가 이상적임).

여기에서 제공하는 제안사항이 웹사이트의 성능 문제를 해결하는 데 충분하지 않은 경우 개발자에게 문의하세요. 하지만 이전 예시에서 볼 수 있듯이 개발자와 협력하여 비즈니스 우선순위와 개발 결정을 조율하여 웹사이트에 적합한 솔루션을 찾는 것이 중요합니다.

웹 성능은 일회성 작업이 아닙니다. 웹사이트 성능을 양호하게 유지하려면 개선 후 웹사이트가 퇴보하지 않도록 정기적인 모니터링과 유지보수가 필요한 경우가 많습니다.

결론

웹사이트는 비즈니스가 고객과 만나는 첫 번째 진입점인 경우가 많으며, 고객에게 좋은 경험을 제공해야 합니다. 이는 비즈니스에 대한 첫인상을 받는 신규 방문자뿐만 아니라 재방문자와 충성도 높은 고객에게도 적용됩니다. 이들에게는 가능한 한 원활한 경험을 제공해야 하며, 부정적인 인상을 남길 수 있는 불만족스러운 경험이 없어야 합니다. Core Web Vitals는 Google에서 사이트에 고려하도록 권장하는 사용자 환경 측정항목 중 하나입니다. 웹에는 수많은 사이트가 있으므로 사용자는 내 사이트에서 불편을 느끼면 다른 웹사이트를 이용할 수 있습니다.

동시에 Core Web Vitals는 웹사이트의 한 가지 측정항목일 뿐입니다. 비즈니스는 웹사이트에 얼마나 투자할지, 그리고 해당 투자로 어떤 수익을 얻을 수 있을지 스스로 결정해야 합니다.