사이트 성능: PageSpeed Insights 이해하기

Google PageSpeed Insights는 데스크톱 및 모바일 모두에서 사이트 페이지 성능을 테스트하는 도구입니다. 이 도구는 Chrome 사용자 경험(CrUX) 보고서를 사용해 실제 방문자 성과를 분석하고 Google Lighthouse를 사용해 페이지에 성능 점수를 제공합니다.

PageSpeed Insights 점수 검토 시에는 사이트 및 필요에 따라 다양한 유형의 데이터를 볼 수 있습니다. 방문자의 경험은 사이트를 보는 데 사용하는 기기에 따라 다를 수 있으므로 사이트 페이지에는 별도의 모바일 및 데스크톱 보고서가 표시됩니다.

Google PageSpeed Insights에는 각각 고유한 목적을 제공하는 두 개의 고유 섹션이 있습니다.

코어 웹 바이탈에서는 지난 28일 동안의 평균 측정항목을 볼 수 있습니다. 사이트를 수정하면 28일 이내에 전체 영향을 측정할 수 있을 때까지 매일 점진적으로 측정항목에 영향을 미칩니다. 

필드 데이터는 사이트 성능에 대한 가장 정확한 측정값을 제공하며 사이트에서 수행할 수 있는 성능 개선 사항을 정확히 찾아냅니다. 실제 사용자의 경험 확인하기 섹션에는 사이트의 실제 방문자로부터 수집한 성능 측정항목이 표시됩니다. 

코어 웹 바이탈 평가는 매월 발표되므로 개선 사항이 PageSpeed Insights에 표시되는 데 시간이 소요될 수 있습니다. 필드 데이터는 Google에 대한 보고를 거부하지 않은 방문자의 모든 Chrome 세션에서 수집됩니다.

최근 28일의 수집 기간 동안 수집된 코어 웹 바이탈 평가의 결과는 사용한 기기 및 네트워크 연결에 따라 다를 수 있습니다. 

코어 웹 바이탈은 사이트 성능을 나타내는 중요한 지표이며, 사이트의 SEO 순위를 결정하는 데 사용되는 많은 측정항목 중 하나입니다. 

성능 SEO 향상 기능은 모바일 및 데스크톱 페이지에 별도로 적용됩니다. 각 모바일 페이지와 데스크톱 페이지는 코어 웹 바이탈에 대해 하나씩 최대 3개의 부스트를 받을 수 있습니다.

예를 들어, 모바일 페이지의 LCP 및 INP에 대해서는 SEO가 부분적으로 향상되지만 CLS에 대해서는 완전히 향상될 수 있습니다.

동일한 페이지의 데스크톱 버전에서는 LCP, INP 및 CLS 각 측정항목에 대해 전체 SEO 향상을 얻습니다. 

코어 웹 바이탈 평가는 세 가지 코어 웹 바이탈 측정항목 모두에서 '빠름' 점수를 받지 못하면 '실패'로 표시됩니다. 이는 각 측정 항목이 독립적으로 향상에 기여하므로 페이지가 향상되지 않았음을 의미하지는 않습니다.

Google 검색은 페이지 경험이 평균 이하인 경우에도 항상 가장 관련성이 높은 콘텐츠를 표시하기 위해 노력합니다. 대부분의 검색어에는 유용한 콘텐츠가 많이 있으므로, 훌륭한 페이지 경험을 제공하면 검색 순위에서 상승하는 데 기여할 수 있습니다.

콘텐츠는 SEO 점수를 유지하는 데 가장 중요한 요소입니다. 사이트의 콘텐츠를 최적화하고 페이지의 메타 태그를 업데이트할 것을 권장합니다. SEO 모범 사례에 대한 자세한 도움말을 확인하세요.

Google은 성능 점수를 생성하기 위해 웹 페이지 품질을 개선하는 오픈 소스 자동화 도구인 Lighthouse를 사용합니다. PageSpeed Insights에서 페이지가 분석될 때마다 Google은 시뮬레이션된 환경을 기반으로 점수를 추정합니다.

성능 점수를 계산하는 도구인 Google Lighthouse는 느린 네트워크(4G)에서 중급 기기(Moto G4)의 조건으로 모바일 로딩을 시뮬레이션합니다. 데스크톱의 경우, 유선 연결을 사용해 에뮬레이트된 데스크톱 컴퓨터를 시뮬레이션합니다.  

모바일 및 데스크톱의 점수 차이는 시뮬레이션된 환경의 처리 능력 차이로 인해 발생합니다. 

또한, 네트워크 조건에 따라 다를 수 있는 Google 데이터 센터에서 PageSpeed가 실행됩니다. Lighthouse 보고서의 환경 블록에서 위치를 확인해 테스트가 수행된 위치를 찾을 수 있습니다.

모바일 사이트는 더 큰 이미지, 애니메이션 또는 타사 스크립트와 같은 요인으로 인해 데스크톱 사이트에 비해 성능이 느린 경우가 많습니다. 모바일 사이트 속도를 개선하려면 WebP 또는AVIF와 같은 간단한 이미지 형식을 사용하고 스크롤 없이 볼 수 있는 콘텐츠에 애니메이션을 사용하지 마세요. 사용자 지정 글꼴 사용을 제한하고 표준 글꼴을 사용하는 것 또한 성능을 향상시킬 수 있습니다. 모바일 에디터를 사용해 불필요한 요소를 숨겨 모바일 레이아웃을 간소화하세요. 이러한 단계를 통해 사이트가 모바일 사용자에게 원활하고 최적화된 환경을 제공할 수 있습니다.

홈페이지에 요소가 너무 많으면 로딩 속도에 부정적인 영향을 줄 수 있습니다. 홈페이지가 더 빨리 로딩되도록 하려면 이미지와 동영상 수를 줄이거나 비필수 섹션을 별도의 페이지로 이동하세요. 간소화된 홈페이지 버전을 만드는 것 또한 성능에 큰 차이를 만들 수 있습니다. 캐싱을 활성화하면 재방문 시 로딩 속도가 더욱 향상됩니다. 홈페이지를 단순화하면 더 나은 사용자 경험을 제공할 뿐만 아니라 방문자에게 더 명확하고 집중된 사용자 여정을 안내하는 데 도움이 됩니다.

가장 큰 콘텐츠 페인트(LCP, Largest Contentful Paint)는 히어로 이미지 또는 머리글 텍스트와 같이 표시되는 가장 큰 요소가 사용자의 뷰포트에 로딩되는 데 소요되는 시간을 측정합니다. LCP 점수를 높이려면, 큰 텍스트의 경우 히어로 이미지 또는 시스템 글꼴의 크기를 줄여 가장 큰 요소를 최적화할 수 있습니다. 또한, 동영상 또는 애니메이션과 같은 무거운 콘텐츠를 스크롤해야 볼 수 있는 부분에 배치하고 중요하지 않은 이미지에 대해 지연 로딩을 구현하면 사이트의 속도 및 효율성을 크게 향상시킬 수 있습니다.

차단 시간은 자바스크립트 실행 또는 타사 스크립트로 인한 지연을 의미하며, 사이트의 반응성을 저하시킬 수 있습니다. 불필요한 타사 앱 또는 스크립트를 최소화하거나 제거하는 것은 차단 시간을 줄이는 한 가지 방법입니다. 가능한 한 외부 코드 대신, Wix의 내장 도구를 사용하세요. 중요하지 않은 스크립트의 경우, 사용자 지정 코드 섹션에 지연 속성을 추가해 다른 사이트 자산이 먼저 로딩되도록 할 수 있습니다. 차단 시간을 단축해 사이트의 반응성과 전반적인 사용자 경험을 개선할 수 있습니다.

사이트 속도는 최적화 후에도 변동될 수 있습니다. 이러한 변동은 서버 응답 시간, 방문자 위치 또는 캐시된 콘텐츠와 같은 요인으로 인해 발생하는 경우가 많습니다. 일관된 성능을 유지하려면, 콘텐츠 전송 네트워크(CDN)를 사용해 전 세계에 콘텐츠를 제공하고, Wix의 사이트 속도 대시보드를 사용해 사이트 속도를 정기적으로 확인하세요. 또한, 지연을 초래할 수 있는 타사 앱 또는 스크립트를 검토하세요. 속도 측정 항목이 최근 업데이트를 반영하는 데 최대 3주가 소요될 수 있으므로, 최적화의 효과를 모니터링하면서 참을성을 유지하는 것이 중요합니다.

아래를 클릭해 PageSpeed Insights 보고서에 대한 일반적인 질문과 답변을 확인하세요.