웹 성능 클로킹 탐지 및 수정

Core Web Vitals의 등장은 Google Pagespeed 점수와 관련해 웹 에이전시와 Wordpress 같은 일부 유명 CMS 플러그인의 편법을 만천하에 드러냈습니다. Shopify는 스토어에서 1클릭 웹 성능 최적화를 표방하는 확장 프로그램의 15%가 클로킹 메커니즘에 기반해, 실제 사이트 사용자 경험을 개선하지 않은 채 Pagespeed 또는 GTMetrix 점수만 인위적으로 끌어올린다고 밝힙니다.

에이전시와 개발자는 왜 웹 성능에서 속임수를 쓸까?

Google Pagespeed ↗, GT Metrix ↗(과거의 Dareboost 포함) 같은 도구는 누구나 웹사이트의 속도를 테스트할 수 있게 해줍니다. 에이전시나 개발자의 소셜 미디어에서 90/100을 넘는 점수 캡처가 자주 보이곤 합니다(저 역시 고객 사이트를 최적화할 때 X에 전/후 캡처를 가장 먼저 공유하곤 합니다). 이런 노출 효과를 넘어, 저는 웹 성능의 중요성을 전파한다는 측면도 있다고 봅니다.

Google Pagespeed처럼 단순한 스코어로 KPI를 손쉽게 만들 수 있다는 점은 웹 성능 최적화를 재미있고 계량화 가능하게 만들지만, 동시에 허점도 존재합니다. 캠벨의 법칙이 말하듯, "정책 결정을 돕기 위해 어떤 정량적 지표가 많이 사용될수록, 그 지표는 조작되기 쉬워지고 왜곡 요인으로 작용하여 본래 감시하려던 과정을 흐리게 만든다." 지표가 대중에게 중요해지는 순간, 자연스럽게 편법이 등장하는 것은 놀라운 일이 아닙니다.

합성 도구에서 초록불 점수를 목표로 하기보다, 웹 성능의 실제 목표는 사용자 경험과 정보시스템 거버넌스에 맞춰야 합니다. 예를 들어:

• 서버 응답 시간 최적화(인프라 비용 절감, 사용자 응답 시간 개선 등)
• 웹사이트 로딩 시간 단축(페이지 표시를 위해 필요한 데이터 양 축소)
• 사이트 가용성 개선(장애를 줄여 SEO와 유료 캠페인 전환 저하를 방지)

성능 클로킹은 기업의 온라인 비즈니스에 큰 문제를 야기할 수 있습니다. 느린 사이트에 분명 존재하는 성능 문제를 발견하지 못하게 만들 수 있기 때문입니다.

내 사이트가 영향을 받았는지 어떻게 알 수 있을까?

다음은 귀하의 웹사이트가 웹 성능 결과에서 편법을 사용했을 가능성을 가늠하는 간단한 방법입니다:

• 웹 에이전시나 개발자가 Pagespeed 점수 > 90/100인 사이트를 판매했고, 사이트나 온라인 스토어가 변해도 지속적인 조정 없이 그 점수를 오래 유지했다고 주장한다.
• 웹 성능 최적화 예산이 터무니없이 낮다. Wordpress 사이트 최적화에는 최소 750€ HT, 온라인 스토어의 웹 성능을 최적화하려면 월 최소 750€의 전용 예산을 고려해야 합니다.

이 기준은 주관적이지만, 사이트를 판매한 사람이 얼마나 진실한지 가늠하는 데 도움을 줄 수 있습니다. 이제 실제로 웹 성능에서의 클로킹을 어떻게 감지할지 살펴보겠습니다:

1. 사이트의 한 페이지로 Pagespeed Insights 테스트를 실행하고, 스크린샷 섹션을 확인하세요. 페이지가 실제 사이트와 다르면 클로킹되었을 가능성이 큽니다.
2. Google Chrome 브라우저의 개발자 도구에서 시크릿 모드로 Lighthouse 테스트를 실행해, 설치된 확장 프로그램이 점수를 오염시키지 않도록 하세요.
3. 두 테스트의 점수와 스크린샷을 비교하세요. 눈에 띄는 차이(> 20포인트)가 있다면, 에이전시나 개발자가 사이트의 웹 성능을 인위적으로 끌어올리기 위해 편법을 썼을 가능성이 매우 높습니다.

고급 도구 활용

2021년부터 Google은 합성 점수를 맹신하지 않도록 하는 것이 중요함을 인지했고, 그 결과 먼저 데스크톱, 이어서 모바일에 Core Web Vitals가 도입되었습니다. CWV는 웹사이트에서 실제 사용자의 세션 중 수집되는 성능 지표들의 집합입니다. 실제 사용자 데이터에 기반함으로써 Google은 검색 알고리즘에서 추천할 사이트의 성능과 사용자 경험에 대해 현실적인 데이터를 확보합니다.

이번만큼은 인심 좋게, Google은 Google Search Console에 웹 성능 보고서를 제공합니다. 이 보고서는 사이트의 전체 성능을 파악하고, 느리거나 사용성이 좋지 않은 페이지를 그룹 형태로 보여줍니다. 충분한 방문자가 있다면 Core Web Vitals는 무료 Real User Monitoring 도구로 유용합니다.

사이트 방문자가 충분치 않다면, Web Page Test ↗나 Yellow Lab Tools 성능·품질 테스트 도구처럼 합성 성능 테스트 탐지에 일반적으로 걸리지 않는 다른 도구를 사용할 수 있습니다.

더 나아가, 웹 성능 전문가 또는 에이전시의 지원을 받아 웹 성능 모니터링을 구축하는 작업을 진행할 수도 있습니다.

내 사이트에 적용된 웹 성능 클로킹을 어떻게 제거할까?

사용된 방법에 따라, 인위적으로 성능을 끌어올린 편법을 식별하고 제거하는 일은 쉬울 수도, 어려울 수도 있습니다.

• Wordpress 같은 CMS에서는 이름에 "performance"나 "cache", "PSI"가 들어간 확장 프로그램을 비활성화해 보세요. 사이트가 정상 동작하는지 확인한 뒤 Pagespeed Insight에서 웹사이트 성능을 테스트하세요.
• 맞춤 개발이거나 다른 CMS라면, 플러그인 또는 서버 사이드 코드에서 검사 우회가 이뤄졌을 수 있습니다. 클로킹 코드를 식별하는 일은 더 어렵지만, "User-Agent « Chrome-Lighthouse »" 감지 같은 공통 패턴이 존재합니다.

내 사이트의 웹 성능을 어떻게 최적화할까?

웹 성능은 웹 품질의 전문 분야입니다. CDN, 브라우저, 서버 구성, 프런트엔드/백엔드 개발, 그리고 서버 사이드에서 실행되는 코드의 모니터링과 계측 도구에 대한 깊은 이해가 필요합니다. 실제 사용자가 체감하는 웹 성능을 제대로 개선하려면, 검증된 웹 성능 전문가에게 의뢰하는 것이 좋습니다.

저는 April 모토 부문의 Wordpress 사이트를 최적화하여 Core Web Vitals를 통과하도록 했습니다. 또한 한 대형 럭셔리 하우스의 프런트엔드와 백엔드 웹 성능 최적화를 지원하기도 했습니다.

잊지 마세요. 검색 노출이 부진한 빠른 사이트는 고객이 없고, Google 상위 노출이라도 느리거나 접속이 불안정한 사이트는 전환도, 충성도도 얻지 못합니다.