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

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

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

하지만 많은 Core Web Vitals 문서의 내용은 심도 있는 기술적 이해와 코드 제어 권한을 갖춘 웹 개발자를 대상으로 합니다. 많은 웹사이트는 개발자가 아닌 사용자가 '사이트 작성 도구'를 사용하여 만듭니다. WordPress, Shopify, Wix 또는 기타 유사한 솔루션 등 웹 개발팀이 없는 경우가 많습니다.

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

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

동시에 많은 성능 문제가 발생할 경우 개발자가 기술 수정사항을 구현해야 하는데, Google의 개발자 중심 가이드가 이러한 노력에 도움이 될 수 있습니다. 이 문서는 종합적인 가이드가 아니라 페이지 성능 저하의 일반적인 비개발 근본 원인을 가진 비즈니스 의사 결정권자를 위한 Core Web Vitals 이니셔티브를 소개합니다. 이 외에도 웹 개발자는 더 많은 진전을 이루기 위해 참여해야 할 수 있습니다.

Core Web Vitals란 무엇인가요?

코어 웹 바이탈은 페이지의 사용자 경험, 특히 페이지가 사용자에게 느껴지는 속도를 측정하도록 설계된 세 가지 측정항목으로 구성되어 있습니다. 각 인증에는 세 글자로 된 약어가 있습니다.

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

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

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

Core Web Vitals는 웹사이트의 실제 사용자에 의해 측정되며 사용자마다 결과가 다릅니다. 'Google이 생각하는 것'이 아닙니다. 'Google봇의 의견'보다는 웹사이트의 실제 사용자가 경험한 결과도 중요합니다

일부 사용자는 더 빠른 기기와 더 빠른 네트워크를 사용하게 됩니다. 일부는 속도가 느린 기기나 네트워크를 통해 작동합니다. 어떤 사용자는 사이트에서 더 단순하고 빠른 페이지를 방문하고 어떤 사용자는 더 복잡하고 느린 페이지를 방문합니다. 이러한 모든 사용자 경험의 결과를 집계하여 전체 웹사이트의 전반적인 측정치를 제공합니다.

Google은 선택한 Chrome 사용자의 데이터를 Chrome 사용자 환경 보고서 (CrUX)에 공개하며, 이 보고서는 PageSpeed InsightsGoogle 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에 포함되어 있는 경우 '실제 사용자가 경험하는 바를 파악할 수 있습니다.'라는 메시지가 섹션:

<ph type="x-smartling-placeholder">
</ph> PageSpeed Insights가 URL의 Core Web Vitals에 관한 CrUX 데이터를 표시하는 방법 각 Core Web Vitals는 별도로 표시되며 각 Core Web Vitals를 &#39;좋음&#39;, &#39;개선 필요&#39;, &#39;나쁨&#39;으로 그룹화합니다. 기준점을 표시합니다. <ph type="x-smartling-placeholder">
</ph> PageSpeed Insights는 실제 사용자가 경험한 Core Web Vitals를 보여줍니다.

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

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

이러한 수치를 통해 사이트의 실적과 개선이 필요한 측정항목, 기기 유형을 파악할 수 있습니다.

Google Search Console

Google Search Console (GSC)은 사이트 소유자 전용이므로 사용하려면 등록 및 사이트 소유권 확인을 받아야 합니다. Google 검색에서 사이트를 보는 방식에 관한 세부정보를 제공합니다.

PageSpeed Insights와 달리 GSC는 Google 검색이 사이트에서 인식하는 모든 페이지를 나열하며, 모든 페이지의 코어 웹 바이탈 세부정보를 제공합니다.

<ph type="x-smartling-placeholder">
</ph> Search Console의 Core Web Vitals 보고서 보고서는 데스크톱과 모바일 카테고리로 분류되며 코어 웹 바이탈이 &#39;좋음&#39;, &#39;개선 필요&#39;, &#39;나쁨&#39;으로 표시된 페이지의 분포를 자세히 보여주는 선 그래프로 표시됩니다. 확인할 수 있습니다 <ph type="x-smartling-placeholder">
</ph> Google Search Console Core Web Vitals 보고서

페이지의 특정 카테고리 (예: 제품 세부정보 페이지, 블로그 페이지 등)에 Core Web Vitals 문제가 있는지 확인할 수 있도록 페이지가 URL 그룹으로 수집됩니다. 대체로 유사한 기술이나 템플릿을 기반으로 작성되기 때문에 이러한 페이지에 문제가 발생하는 일반적인 원인이 있을 수 있습니다.

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

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

'개발자 외'인 경우 사이트가 실제로 코딩되는 방식을 제어할 수 있는 사이트 작성 도구 플랫폼 또는 사이트 디자인을 결정하거나 예산의 우선순위를 정할 수 있는 비즈니스 의사 결정권자를 의미합니다.

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

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

<ph type="x-smartling-placeholder">
</ph> LCP 요소가 녹색으로 강조표시된 웹페이지 <ph type="x-smartling-placeholder">
</ph> LCP 요소는 페이지가 로드될 때 로드되는 가장 큰 요소로, 이 예에서는 녹색으로 강조표시되어 있습니다.

우수한 페이지 경험을 위해 웹페이지는 링크 클릭 후 2.5초 이내에 이러한 콘텐츠를 표시하는 것을 목표로 해야 합니다. 4초 이상 소요되면 불편한 경험으로 간주됩니다.

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

페이지 로드 시작 지연

대부분의 경우 페이지 자체의 로드 시간을 개선하려고 생각하지만 시작하기도 전에 지연이 발생하는 경우가 많습니다. 웹사이트를 몇 초 동안 다운로드조차 하지 않으면 LCP가 2.5초에 미달하는 것은 불가능합니다.

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

시청자 이해하기

TTFB 문제의 경우 잠재고객을 이해하는 것이 중요합니다. 웹사이트가 한 국가에서 호스팅되지만 전 세계 잠재고객을 대상으로 하는 경우, 웹사이트 사용자와 웹 서버 간의 지리적 근접성은 페이지의 TTFB를 결정하는 요소가 됩니다. 콘텐츠 전송 네트워크 (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는 페이지의 시각적 안정성, 즉 콘텐츠가 로드될 때 페이지 콘텐츠가 얼마나 이동하는지를 측정합니다. 사용자가 웹페이지를 읽기 시작했지만 더 많은 콘텐츠나 광고 슬롯이 제자리를 잃는 경우 이는 주의가 산만해질 수 있습니다. 또한 페이지의 레이아웃이 과도하게 변경되면 사용자가 의도치 않게 잘못된 콘텐츠를 클릭할 수도 있습니다. 나중에 로드되어 초기 페이지 콘텐츠의 일부를 이동할 수 있는 동적 콘텐츠에 주의하세요.

<ph type="x-smartling-placeholder">
</ph> <ph type="x-smartling-placeholder">
레이아웃 불안정이 사용자에게 어떤 부정적인 영향을 미칠 수 있는지 보여주는 스크린캐스트

이는 콘텐츠가 얼마나 변동되고 얼마나 많은 콘텐츠가 이동하는지를 계산하는 수학 공식으로 측정됩니다. 단위 없는 분수로 표현되며 0.1 이하의 값은 좋음으로, 0.25 이상의 값은 나쁨으로 표시됩니다.

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

페이지를 스크롤할 때 이미지가 어떻게 로드되는지 확인하기

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

페이지 템플릿은 이미지가 로드되기 전에 사용자가 매우 빠르게 스크롤해도 이미지 주변 콘텐츠가 바뀌지 않도록 지연 로드된 이미지를 위한 공간을 예약해야 합니다. 템플릿이나 플랫폼에서 이러한 기능을 지원하지 않는다면 이를 지원하는 템플릿이나 플랫폼으로 전환하는 것이 좋습니다.

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

광고가 콘텐츠 중간에 삽입되면 콘텐츠가 아래로 떨어질 위험이 있습니다. 광고는 종종 이전 섹션에서 설명한 이미지보다 로드 시간이 더 오래 걸리기 때문입니다. 기본 페이지 콘텐츠 측면에 플로팅 캡션을 배치하면 이러한 위험을 줄일 수 있습니다. 실제로 이를 달성하는 방법은 특정 플랫폼과 사이트를 만드는 데 사용하는 템플릿에 따라 다릅니다.

페이지 상단에 동적 콘텐츠를 추가하지 마세요.

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

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

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

<ph type="x-smartling-placeholder">
</ph>
반응이 좋지 않거나 좋은 응답의 예 왼쪽에서 긴 작업은 아코디언이 열리지 않도록 차단합니다. 이로 인해 사용자가 여러 번 클릭하여 환경이 손상되었다고 생각합니다. 기본 스레드가 따라잡을 때 지연된 입력을 처리하여 예기치 않게 아코디언이 열리고 닫힙니다.

INP는 페이지의 수명 동안 요건을 충족하는 모든 상호작용 전체를 측정하고 최악의 상호작용을 보고합니다. INP의 양호 기준은 200밀리초, 나쁨 기준은 500밀리초입니다.

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

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

즐거운 봄 보내세요.

사이트에 추가된 플러그인 및 위젯을 검토하고 더 이상 사용하지 않는 경우 삭제합니다. 사용해 보기 위해 플러그인을 추가하는 것이 유용하지 않다고 생각될 경우 나중에 삭제하는 것보다 더 쉬운 경우가 많습니다. 이는 느린 상호작용의 한 가지 원인이지만 다른 많은 광고주보다 최적화가 비교적 간단합니다.

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

값비싼 위젯 및 플러그인 피하기

계산 비용이 많이 드는 위젯과 플러그인이 멋져 보일 수도 있지만, 사용자 환경이 개선되나요, 아니면 실제로 더 나빠지나요? Lighthouse에서 제공하는 PageSpeed Insights의 성능 문제 진단 보고서를 사용하면 웹사이트 성능에 현저한 영향을 미치는 자바스크립트를 식별하는 데 도움이 될 수 있습니다.

위젯은 필요한 페이지로만 제한하는 것이 가장 좋습니다. 문의하기 페이지에서 Google 지도 삽입만 사용하는 경우 응답성 문제를 일으킬 수 있는 모든 페이지에 위젯을 로드할 필요는 없습니다.

광고의 수, 특히 모바일의 중요성 고려하기

광고는 많은 비즈니스에 효과적인 수익 창출 전략이지만 복잡하고 리소스를 많이 소모하는 경우가 많습니다. 광고가 많을수록 리소스 집약적이므로 페이지 속도에 영향을 줄 수 있습니다. 특히 휴대기기에서는 처리 능력 메모리가 데스크톱이나 노트북 기기만큼 좋지 않은 경우가 많습니다.

<ph type="x-smartling-placeholder">
</ph> <ph type="x-smartling-placeholder">
수익 창출과 실적의 균형

수익 창출과 실적의 균형을 고려하세요. 사용자가 열악한 경험으로 인해 일찍 이탈하는 경우 추가 광고로 인해 발생하는 수익보다 더 많은 수익이 발생할 수 있습니다.

과도한 페이지 크기 피하기

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

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

이 게시물에는 실적에 영향을 미칠 수 있는 비즈니스 소유자가 취할 수 있는 일반적인 고려사항이 나와 있습니다. 그 외에도 웹 개발자에게 문의하여 웹사이트의 성능을 개선하기 위해 취할 수 있는 조치에 대해 더 많은 통찰력을 얻어야 할 수 있습니다.

플랫폼별 정보

대부분의 플랫폼은 웹 성능을 중요하게 생각하며 이를 개선하는 방법에 대한 플랫폼별 전담 조언을 제공할 수 있습니다. 또한 해당 플랫폼을 사용하는 과정에서 사이트 개선 방법에 대한 자세한 조언을 받을 수 있는 전담 웹 실적 팀을 이용할 수도 있습니다.

Lighthouse는 스택 팩 기능을 사용하여 플랫폼별 정보도 표시하므로 지원되는 플랫폼 사용자에게 적절한 조언을 제공할 수 있습니다.

시간이 흐르면서 플랫폼이 지속적으로 개선되고 있으며 현재 많은 조직이 성능과 Core Web Vitals에 집중하고 있습니다. 플랫폼 개발자가 적용한 최신 개선사항의 이점을 누릴 수 있도록 플랫폼을 최신 상태로 유지하세요.

플랫폼 업데이트가 플랫폼 업데이트를 포함하여 플랫폼 제공업체가 자동으로 관리하는 호스팅된 플랫폼을 사용하는 경우 가장 쉽습니다. 플랫폼을 직접 호스팅하는 경우(예: 자체 서버에 로컬 WordPress를 설치하는 경우) 플랫폼을 정기적으로 업데이트하면 플랫폼 개발자가 구현한 모든 개선사항을 사이트에 활용할 수 있습니다. 기업은 이러한 유지 관리에 우선순위를 두거나 이를 관리하는 서비스를 선택해야 합니다.

웹 개발자 참여 유도

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

여기에 제시된 제안이 웹사이트에서 발생하는 성능 문제를 해결하기에 충분하지 않다면 개발자에게 문의하세요. 그러나 앞의 사례를 통해 개발자와 협력하여 웹사이트에 적합한 솔루션을 찾기 위해 비즈니스 우선순위와 개발 결정 사이의 균형을 유지하는 것이 중요하다는 것을 알 수 있습니다.

웹 성능이 일회성 작업인 경우는 거의 없습니다. 우수한 웹사이트 성능을 유지하려면 개선 후에도 웹사이트가 퇴보하지 않도록 정기적인 모니터링과 유지관리가 필요한 경우가 많습니다.

결론

웹사이트는 고객이 비즈니스를 처음 시작할 때 가장 먼저 접하게 되는 곳이므로 광고주는 웹사이트를 통해 만족스러운 경험을 제공하고자 합니다. 이는 비즈니스에 대한 첫인상을 처음 알게 되는 첫 번째 방문자뿐 아니라 부정적인 인상을 남길 수 있는 불편함이 없는 원활한 경험을 제공하는 재방문자와 충성도 높은 고객에게도 적용됩니다. 코어 웹 바이탈은 사용자 경험의 측정 기준 중 하나로, Google에서 해당 사이트에서 고려하도록 권장합니다. 웹이 제공하는 다양한 혜택 중에서도 사용자가 귀하의 사이트가 마음에 들지 않으면 다른 웹사이트를 사용해 볼 수 있습니다.

동시에 Core Web Vitals는 웹사이트의 한 가지 측정 기준일 뿐입니다. 기업은 웹사이트에 투자할 금액과 투자 수익을 스스로 판단해야 합니다.

감사의 말씀

Unsplash카를로스 무자 썸네일 이미지