성장하는 사이트를 위한 고급 WordPress 성능 테스트

인터넷 사용자, 검색 엔진 개발자, 그리고 대규모 언어 모델 모두가 동의합니다. 느린 웹사이트를 좋아하는 사람은 없습니다. 따라서 기본 속도 테스트로 설명할 수 있는 문제가 발생할 수 있으므로, 사이트의 로딩 시간이 느려지지 않는지 정기적으로 확인해야 할 이유는 많습니다. 그래서 중요한 필요가 생겼을 때 대응할 수 있도록 고급 WordPress 성능 테스트 도구를 갖추는 것이 매우 중요합니다. 

WordPress 성능 테스트가 중요한 이유

사이트 소유자가 저지를 수 있는 가장 큰 실수 중 하나는 성능 점검에 단 하나의 도구만 의존하는 것입니다. 성능은 사용자 경험, 페이지 구조, 서버 리소스, 플러그인, 트래픽에 달려 있으며, 각각은 서로 다른 종류의 속도 저하를 일으킬 수 있습니다.

그래서 사이트를 테스트할 때 하나 이상의 도구를 사용하는 것이 좋습니다. 이 글에서 살펴볼 다섯 가지 사이트 점검 도구는 다음과 같습니다.  

• Google Site Kit는 Google이 사이트를 어떻게 보는지와 방문자가 도착한 후 어떻게 행동하는지를 보여줍니다.

• EasyWP Stats 메뉴는 호스팅 리소스가 어떻게 사용되고 있는지 보여줍니다.

• Performance Lab을 사용하면 최신 프런트엔드 개선 사항을 모듈별로 안전하게 테스트할 수 있습니다.

• Query Monitor는 데이터베이스 쿼리, HTTP 호출, 훅, 그리고 PHP 동작을 기술적으로 보여줍니다.

• Site Health는 WordPress 자체 내부의 구성 문제와 오래된 구성 요소를 강조해 보여줍니다.

이 도구들을 함께 사용하면 단순한 속도 점수보다 훨씬 더 유용한 것을 얻을 수 있습니다. 가능한 문제를 찾고, 이를 테스트하고, 성능을 개선하는 의미 있는 변경을 할 수 있도록 도와줍니다.

Google Site Kit

Google Site Kit은 Search Console, Analytics, PageSpeed Insights 및 기타 Google 서비스를 대시보드에 연결하기 위한 Google의 공식 WordPress 플러그인입니다. 설치가 완료되면 WordPress 대시보드 내부에 바로 수십 가지의 필수 사이트 측정값이 표시됩니다. 즉, 웹사이트에 로그인할 때마다 성능을 확인할 수 있습니다.

Site Kit의 속도 대시보드 이해하기

Site Kit를 설치해야 하는 가장 실용적인 이유 중 하나는 PageSpeed Insights와의 연동입니다. 이 섹션에서는 수동으로 확인하지 않아도 속도 관련 데이터를 직접 확인할 수 있습니다. 웹사이트에서 느리다고 느껴지는 페이지를 발견하면 Google의 테스트 환경에서 무엇이 보고되고 있는지 즉시 확인할 수 있습니다.

낮은 점수는 여러 가지 원인에서 비롯될 수 있습니다. 페이지에 JavaScript가 너무 많거나, 임베드가 너무 많거나, 이미지가 지나치게 크거나, 사용자 경험을 해치는 레이아웃 이동이 있다는 뜻일 수 있습니다. 다시 말해, 속도 대시보드는 최종 진단이 아니라 단서를 찾는 용도로 사용하는 것이 가장 좋습니다.

사이트 또는 특정 페이지의 로딩이 느리다고 느껴질 때는 다음 단계를 따르세요.

1. Site Kit를 열고 속도 탭 아래의 점수를 검토한 다음, 모바일과 데스크톱 점수를 모두 전환해 확인하고 나중에 비교할 수 있도록 스크린샷을 찍으세요.

2. “Run test again”을 클릭해 현재 테스트 점수를 확인하고, 이를 스크린샷과 비교하여 차이가 있는지 살펴보세요.

3. 필요하다면 링크에서 PageSpeed Insights를 열어 더 자세한 데이터 포인트를 확인하세요.

4. 모든 테스트의 점수를 비교하고 패턴이나 불일치가 있는지 찾아보세요. 

5. 모든 점수가 녹색으로 표시된다면 이는 긍정적인 결과를 의미하며, 속도 저하는 웹사이트가 아니라 사용 중인 기기나 브라우저와 관련이 있을 수 있습니다. 노란색이나 빨간색의 낮은 점수는 사이트 최적화를 고려해야 할 때라는 뜻입니다.

이러한 속도 점수는 시작점에 불과하지만 매우 중요한 측정값이며, 특히 Google 자연 검색 결과를 통해 사용자가 사이트를 얼마나 자주 보게 되는지에 영향을 줄 수 있습니다. Site Kit 대시보드의 Speed 섹션을 자주 방문하세요. 여기서 낮은 테스트 점수는 성능 문제를 식별하는 가장 간단한 방법 중 하나입니다.

트래픽 대시보드를 사용해 다른 성능 문제 감지하기

일부 성능 문제는 속도 테스트 점수로는 감지할 수 없습니다. 그래서 실제 사용자가 사이트를 방문했을 때 무엇을 하는지 주의를 기울이는 것이 중요합니다. 다행히 Site Kit는 Search Console과 Analytics 데이터를 함께 제공하므로 WordPress 내부에서 트래픽, 페이지 수준의 행동, 그리고 사람들이 콘텐츠를 어떻게 찾고 사용하는지 검토할 수 있습니다. 

즉, 속도 대시보드가 이를 직접적으로 보여주지 않더라도 트래픽 추세를 사용해 성능 문제에 대한 논리를 추론할 수 있습니다.

Traffic 섹션에서는 전체 사이트에 대한 집계 정보를 제공하며, 채널, 위치, 기기 관련 데이터 간에 전환할 수 있습니다. 그런 다음 오른쪽 하단의 Analytics 링크를 클릭하면 더 자세히 볼 수 있습니다. 예를 들면 다음과 같습니다.

• 모바일 트래픽은 높은데 전환이 약하다면, 모바일 PageSpeed 결과와 모바일 레이아웃 동작을 더 면밀히 비교해야 한다는 신호입니다.

• 한 게시물이 사이트의 다른 부분보다 훨씬 더 많은 신규 세션을 얻고 있다면, 그 페이지의 속도 저하는 더 많은 방문자에게 영향을 미치므로 해당 페이지에 특별한 성능 주의를 기울여야 합니다.

• 한 페이지의 자연 유입 트래픽은 안정적인데 리디자인이나 theme migration 이후 참여도가 급격히 떨어졌다면, 해당 페이지에 UX 또는 로딩 문제를 유발했을 수 있습니다.

이것만으로 증명되지는 않지만, 강력한 방향성 증거가 됩니다. Site Kit는 어떤 페이지가 가장 중요한지, 그리고 어떤 잠재고객 세그먼트가 가장 큰 불편을 겪고 있을 수 있는지 파악하는 데 도움을 줍니다.

EasyWP Stats

Site Kit에서 가설을 세웠다면 EasyWP 대시보드로 이동해 Stats 메뉴를 여세요. EasyWP에는 방문자 중심 지표를 위한 내장 추적 기능과 그래프를 이해하고 개선 기회를 찾는 데 도움이 되는 Insights가 포함되어 있습니다.

이것이 중요한 이유는 사이트 속도 저하가 매우 다양한 문제에서 비롯될 수 있기 때문입니다. 때로는 프런트엔드 디자인 선택 때문에 페이지가 무거워질 수 있습니다. 또 어떤 경우에는 트래픽 급증, 비효율적인 플러그인, 백그라운드 작업 또는 다른 이유로 인해 기본 리소스에 과도한 부하가 걸릴 수 있습니다.

Performance 섹션에서 확인할 사항

Stats 영역에서는 CPU 및 RAM 사용량을 추적하며, 지난 7일간의 대역폭 사용량도 확인할 수 있습니다. 

일시적인 급증은 정기적인 소프트웨어 업데이트, 사이트 변경 또는 평소보다 방문자가 많은 기간에 발생할 수 있습니다. 즉, 한 번의 급증에 당황하지 않는 것이 중요합니다. 더 주의 깊게 봐야 할 것은 급증이 자주 발생하는지, 또는 오랜 시간 동안 적정 사용 수준을 초과하는지입니다.

Performance 측정값에서 급증이 보일 때 가장 흔한 원인은 다음과 같습니다.

급격한 변화가 정말 중요할 때

Stats 메뉴에 반영된 급증과 일치할 때는 큰 변화에 주의를 기울여야 합니다. 이런 경우 다음 질문을 해보세요.

• 플러그인, 테마 또는 WordPress 업데이트 직후에 급증이 발생했나요?

• 큰 이미지, 임베드 또는 비디오가 포함된 새 페이지를 게시한 후에 발생했나요?

• 트래픽 캠페인, 뉴스레터 발송 또는 갑작스러운 순위 상승 이후에 발생했나요?

• 방문자에게 실제로 사이트가 더 느린가요, 아니면 이것은 단지 차트상의 이상 현상인가요?

이 지점에서 EasyWP Stats 메뉴는 단순한 대시보드를 넘어섭니다. 건강한 사이트와 과부하가 걸린 사이트를 구분하는 방법이 됩니다.

Performance Lab

Site Kit에서 페이지 경험 문제를 보여주는데 EasyWP에서는 큰 리소스 문제가 보이지 않는다면, 아마도 프런트엔드 최적화 문제를 다루고 있는 것입니다. 이때 Performance Lab 플러그인이 유용해집니다.

Performance Lab은 WordPress 팀이 만든 성능 중심 WordPress 모듈 모음으로, 그중 많은 모듈은 궁극적으로 코어에 포함되기 전에 개선 사항을 테스트하기 위한 용도로 설계되었습니다. 하나의 큰 전체 적용 스위치를 강요하는 대신, 개별 기능을 활성화하고 사이트에서 평가할 수 있게 해줍니다.

먼저 이 모듈들을 살펴보세요

현재 Performance Lab 플러그인에는 9개의 서로 다른 모듈이 있으며, 사이트의 필요에 따라 각각 별도로 활성화할 수 있습니다. 대부분의 사이트 소유자에게는 먼저 이해할 가치가 있는 모듈이 다음과 같습니다.

Embed Optimizer

이 기능은 임베드 콘텐츠의 비용을 줄이는 데 사용하며, 특히 페이지가 YouTube, 소셜 게시물 또는 기타 타사 임베드에 의존할 때 유용합니다. 임베드가 많고 로딩 중 느리거나 흔들리는 느낌이 드는 페이지에서 활성화하세요. 임베드가 없거나 매우 적은 페이지에서는 명확한 이점 없이 복잡성만 더하므로 건너뛰세요.

Image Placeholders

이 기능은 가벼운 플레이스홀더를 추가해 이미지가 로드되는 동안 페이지가 시각적으로 안정적으로 느껴지게 하며, 체감 성능을 개선하고 레이아웃 점프를 줄일 수 있습니다. 빈 공간과 레이아웃 이동이 흔한 모바일의 이미지 중심 페이지에서 특히 활성화할 가치가 있습니다. 이미지가 거의 없는 텍스트 중심 글에서는 큰 차이를 느끼지 못할 수 있어 유용성이 떨어집니다.

Speculative Loading

이 기능은 브라우저의 Speculation Rules API를 사용해 다음에 방문할 가능성이 높은 페이지를 미리 가져오거나 미리 렌더링하여 탐색이 거의 즉각적으로 느껴지게 할 수 있습니다. 블로그 아카이브, 문서, 또는 사용자가 한 내부 페이지에서 다음 페이지로 자주 클릭하는 스토어처럼 탐색 경로가 명확한 사이트에서 가장 잘 작동합니다. 흐름이 매우 동적인 사이트, 로그인된 대시보드 또는 민감한 작업이 있는 경우에는 추가 URL을 미리 로드하는 것이 불필요한 작업이나 예상치 못한 부작용을 만들 수 있으므로 주의하세요.

Modern Image Formats

이 기능은 지원되는 경우 더 최신 이미지 형식을 제공하도록 도와주며, 미디어가 많은 페이지에서 이미지 용량을 크게 줄일 수 있습니다. 사진, 대표 이미지 또는 제품 갤러리에 크게 의존하는 사이트에 매우 적합한 후보입니다. 모든 곳에서 활성화하기 전에 테마, CDN 및 기존 이미지 최적화 플러그인과 어떻게 상호작용하는지 확인하여 중복 도구가 겹쳐 쌓이지 않도록 하세요.

Enhanced Responsive Images

이 기능은 이미지 크기 선택 방식을 개선하며, 각 화면에 항상 가장 효율적인 이미지 크기를 보내지 못하는 테마에 유용합니다. 모바일 사용자가 데스크톱 크기의 큰 이미지를 다운로드하는 것이 보이거나, PageSpeed 보고서에서 비효율적인 이미지 전달이 표시된다면 활성화할 가치가 있습니다. 테스트 없이 여러 다른 이미지 처리 플러그인과 함께 무작정 사용하지 마세요. 너무 많은 중복 image optimizations는 문제 해결을 더 쉽게 하기보다 더 어렵게 만들 수 있습니다.

Query Monitor

Query Monitor는 데이터베이스 쿼리, PHP 오류, 훅과 액션, HTTP API 호출, 스크립트, 스타일 및 관련 디버깅 정보를 보여주는 WordPress용 개발자 도구 패널입니다. 특정 페이지 로드가 코드 수준에서 왜 비용이 큰지 이해하고 싶을 때 매우 뛰어납니다.

사이트 소유자에게 가장 유용한 데이터는 보통 네 곳에서 나옵니다.

• 느리거나 중복된 데이터베이스 쿼리를 보여주는 쿼리 패널.

• 어떤 플러그인, 테마 또는 코어가 해당 쿼리의 원인인지 식별하는 데 도움이 되는 구성 요소 분석.

• 페이지 생성을 지연시킬 수 있는 외부 호출을 보여주는 HTTP API 보기.

• 페이지 생성 시간과 메모리 사용량을 강조해 보여주는 개요 패널.

Query Monitor를 보조 역할로 유지해야 하는 이유는 더 좁은 질문에 답하기 때문입니다. 더 광범위한 방문자 행동, 장기적인 트래픽 패턴 또는 계정 수준의 리소스 압박을 이해하는 데는 적합하지 않습니다. 이미 특정 플러그인, 템플릿 또는 요청 경로가 의심될 때 기술적인 확인을 원한다면 매우 유용합니다.

Site Health

오늘 마지막으로 다룰 간단한 도구가 하나 더 있으며, 한 번의 클릭으로 접근할 수 있습니다. WordPress 대시보드에서 Tools를 열고 Site Health로 이동하세요. 

Site Health는 WordPress에 내장되어 있으며 Status 화면과 Info 화면을 모두 포함하고 있어, 현재 설정에 보안, 안정성 및 성능에 영향을 줄 수 있는 명백한 문제가 있는지 빠르게 확인할 수 있습니다.

이것이 중요한 이유는 기본이 여전히 망가져 있다면 “고급” 성능 작업이 헛수고가 될 수 있기 때문입니다. Site Health는 오래된 WordPress 코어, 오래된 PHP 버전, 디버그 모드 문제, 비활성 상태지만 불필요한 플러그인, 예약 작업 문제 및 성능을 조용히 떨어뜨리는 기타 구성 항목을 가리켜 줄 수 있습니다.

Info 탭은 맥락이 필요할 때도 유용합니다. WordPress 버전, 서버 설정, 활성 테마, 활성 플러그인 및 다른 곳에서 보고 있는 결과를 설명하는 데 도움이 되는 기타 기술 세부 정보의 스냅샷을 제공합니다.

다시 말해, Site Health는 모든 속도 문제를 해결하는 곳이 아닙니다. 나머지 테스트를 약화시키지 않을 만큼 기반이 탄탄한지 확인하는 곳입니다.

가장 큰 성과가 보통 나오는 곳

고급 성능 테스트가 가르쳐 주는 가장 유용한 점 중 하나는 모든 문제에 같은 해결책이 있는 것은 아니라는 사실입니다. 이것이 바로 이 다중 도구 접근 방식이 매우 잘 작동하는 이유이기도 합니다. Google Site Kit는 사용자와 Google이 사이트를 어떻게 경험하는지 보여줍니다. EasyWP Stats는 그 트래픽 아래에서 호스팅 리소스가 무엇을 하고 있는지 보여줍니다. Performance Lab은 최신 최적화를 안전하게 테스트하도록 도와줍니다. Query Monitor는 필요할 때 코드 수준의 원인을 확인해 줍니다. Site Health는 기본 요소가 여전히 탄탄한지 확인해 줍니다.

이러한 관점을 결합하면 WordPress 성능은 더 이상 미스터리가 아닙니다. 올바른 신호를 읽고, 한 번에 하나씩 유용한 변경을 하고, 방문자에게 가장 중요한 페이지와 행동에 집중하는 과정이 됩니다.