핵심 웹 바이탈을 측정하는 데 GTmetrix가 정확합니까? Q/A 세션 – 우리가 그들에게 물었다!
게시 됨: 2022-09-10
우리 모두는 "빠르겠지만 좋은 것인가?"라는 옛 속담을 알고 있습니다. 글쎄요, 우리는 한 사회로서 참을성 있게 기다리는 능력을 잃어버린 것 같습니다. 오늘날에는 속도가 정말 중요합니다. 우리가 경쟁자보다 더 빨리 무언가를 할 수 있다면 성공할 가능성이 더 높아집니다.
더 빠른 페이지 로딩, 더 빠른 버튼 응답, 더 빠른 카트 흐름 및 더 빠른 결제 결과. 귀하의 웹사이트는 여전히 양호해야 하지만 일반적으로 속도가 우선합니다. 속도는 출시 이후 Rocket.net에서 비즈니스 모델의 핵심 원칙이었습니다.
Google에서 Core Vitals 및 Core Web Vitals를 출시한 이후로 우리는 그 어느 때보다 웹사이트의 성능과 속도에 더 많은 관심을 기울였습니다. 핵심 Web Vitals 외에도 Google은 INP(Interaction to Next Paint) 및 TTFB(Time to First Byte)를 포함하여 점점 더 많은 사용자 중심 응답 메트릭을 측정하고 있습니다.
하지만 귀하의 웹사이트가 이 사용자 경험 테스트를 통과하고 있는지 어떻게 확실히 알 수 있습니까? 우리는 GTmetrix(최고의 웹사이트 성능 모니터링 도구)의 Ian Pham에게 직접 연락하여 Core Web Vitals를 적절하게 측정하는 데 GTmetrix가 정확한지 물었습니다.

Ian은 우리를 위해 몇 가지 질문에 기꺼이 대답했습니다.
Hey Ian – 자신을 소개하고 GTmetrix를 사용한 배경과 시간에 대해 좀 더 자세히 알려주세요.
물론입니다. 제 이름은 Ian Pham이고 2009/2010년에 GTmetrix가 시작된 이래로 함께해 왔습니다(오호, 정말 오래전처럼 들립니다!). 저는 GTmetrix의 UI 디자이너로 시작하여 지금은 플랫폼 책임자로서 전반적인 운영과 방향을 책임지고 있습니다.
GTmetrix는 어떻게 시작되었나요?
GTmetrix는 당시 모회사의 호스팅 비즈니스를 위한 작은 내부 도구로 시작했습니다.
목표는 고객에게 웹 사이트가 프론트 엔드 에서 최적화되지 않았음을 보여주는 것이었습니다. 일부는 느린 성능에 대한 티켓을 제출했고 우리는 백엔드 서버가 문제가 아님을 보여주고 싶었습니다.
우리는 Google PageSpeed/Yahoo YSlow 라이브러리를 사용하여 신속하게 도구를 만들고 도구를 통해 고객의 웹사이트를 실행했습니다. 엄청난 이미지 사용량, 너무 많은 요청, 비효율적인 리디렉션, 타사 리소스 등이 드러났습니다. 이 모든 것은 당시 호스트였던 우리가 제어할 수 없었습니다. 개발 과정에서 페이지가 얼마나 부풀려졌는지 확인하는 것은 고객에게 매우 공개적이었습니다.

고객들은 결과 보고서를 좋아했고 다른 곳에서 호스팅되는 웹사이트에 대한 보고서를 생성할 수 있는지, 실행할 여러 URL을 제출하고, 다양한 포럼에 결과를 게시할 수 있는지 물었습니다.
우리는 우리 손에 소중한 도구가 있다는 것을 알고 있었기 때문에 빠른 재설계, 이름 선택 및 코드베이스의 재구성을 통해 2010년에 일반 대중을 위한 GTmetrix를 출시했습니다.
GTmetrix에 대한 나의 초기 기억은 사람들이 갑자기 처음으로 사이트 속도에 적극적으로 관심을 갖게 된 때였습니다. Pingdom과 GTmetrix가 있었는데 웹사이트 성능으로 전환한 이유는 무엇입니까?
가장 큰 이유는 2010년 4월 Google이 검색 순위에 속도를 고려한다고 발표했기 때문이라고 생각합니다. 비슷한 시기에 출시한 것은 운이 좋았습니다. 트래픽이 급증하고 사이트 소유자가 빠른 웹사이트를 구축하는 데 필요한 기능을 갖추도록 기능 세트를 확장했습니다.
성능에 대한 두 번째 갑작스러운 관심은 약 2년 전 Web Vitals가 모바일 웹사이트에 대한 검색 순위 신호로 발표되었을 때 발생했습니다. 다행히도 우리는 이미 이전 PageSpeed/YSlow 라이브러리에서 벗어날 계획을 세웠고 Lighthouse 메트릭(Web Vital 포함)을 사용하여 GTmetrix를 출시하는 데 몇 달이 걸렸습니다.
나는 그것이 전통적인 보고서에서 여전히 사용 가능하다는 것을 알고 있지만 GTmetrix는 원래 총 시간 로드 테스트를 했고 사람들은 이 전체 핵심 웹 바이탈이 현실이 되자 화를 냈습니다. 사람들이 변화에 놀라기 시작했을 때 GTmetrix에서의 경험은 어땠나요?
확실히 지원 티켓이 급증했습니다! Lighthouse 메트릭으로 전환했을 때 많은 사용자가 자신의 점수가 "탱킹"하고 업데이트를 롤백하라고 말하는 것에 놀라움을 금치 못했습니다. 많은 사람들이 웹사이트 점수가 녹색/A 수준으로 표시되는 것을 보는 데 익숙했으며 이 새 릴리스에서 "모든 노력이 무용지물이 된" 것에 화가 났습니다.
실제로 이것은 채점 방법의 변화였습니다. 페이지 성능을 평가하는 이전 방법(즉, 완전히 로드된 시간에 의존)은 구식이었고 웹사이트가 사용자 중심의 관점에서 실제로 수행되는 방식이 아니라 구조적으로 어떻게 구축되었는지에 더 중점을 두었습니다. 메트릭.
우리는 결국 사용자가 원할 경우 레거시 보고서를 계속 생성할 수 있도록 허용했지만 Web Vitals는 빠르게 로드되는 웹 사이트를 인식하는 것과 관련하여 정말 중요한 새로운 메트릭에 중점을 두었습니다. 특히 Google이 SEO에 대해 살펴보는 주요 지표인 경우 더 넓은 웹 성능 세계와 날짜를 맞춥니다.
많은 사람들이 이것을 이해했지만 일반적으로 변화를 좋아하지 않는 다른 사람들도 있었습니다. 고객이 Web Vital로 전환해야 하는 이유에 대해 많은 교육과 고객과의 앞뒤 토론이 있었습니다.
말하자면 Core Web Vitals에 대한 귀하의 일반적인 견해는 무엇이며 순위 요소로서 SEO에 실질적인 영향을 미치나요?
SEO 개선은 항상 웹 성능 최적화의 이유로 선전되어 왔습니다. 그것이 SERP를 개선하는 데 몇 가지 요소가 있다는 것을 알고 있지만(Google은 스스로 그렇게 말했습니다), 우리는 여전히 얼마나 하는지 알지 못하고 성능 최적화 단독의 결과로 SEO 개선의 명확하고 명백한 예를 보지 못했습니다. .
그러나 사용자가 성능을 최적화할 때 명확하고 분명한 것은 다음과 같은 개선 사항입니다.
- 이탈률
- 페이지 조회수
- 전환율
- 매출
- 전반적인 참여
이것은 SEO 이점보다 웹 성능에 우선 순위를 두기에 충분한 이유가 됩니다.
우리는 항상 SEO 혼자가 아니라 사용자 를 위해 웹 성능을 최적화해야 한다고 말했습니다.
귀하의 경험에 비추어 볼 때, 핵심 성능 향상을 위해 기술 전문가가 아닌 사람들이 겪는 가장 큰 도전은 무엇입니까?
자바스크립트와 관련된 모든 것. JavaScript는 요즘 거의 모든 웹사이트의 필수적인 부분이며, 특히 WordPress와 같은 CMS를 사용하는 경우(예: 플러그인을 통해) 사이트에 JavaScript 기능을 추가하는 것은 매우 쉽습니다. 그러나 JavaScript 최적화는 완전히 다른 이야기이며 JavaScript 다운로드, 구문 분석 및 실행(자체 호스팅 및 타사 모두)이 성능 저하의 주요 원인인 경우가 많습니다.
일부 JS 최적화 모범 사례(예: 코드 분할, 중복 모듈 제거, 파사드가 있는 타사 리소스 지연 로드 등)는 웹사이트의 코드에 대한 지식이 필요하기 때문에 버튼 클릭으로 쉽게 수정할 수 있는 사항이 아닙니다. 기본 – 개발자 전문성은 여기에서 거의 필수입니다.
LCP, CLS, 기타? 웹사이트 성능을 향상시키려고 할 때 대부분의 사람들이 어디에서 주저합니까?
전체 Web Vital은 각 Web Vital이 사용자 경험의 다른 측면을 충족하기 때문에 대부분의 사람들이 일반적으로 최적화하기 위해 애쓰는 영역입니다. LCP는 로딩 성능을 측정하고 CLS는 시각적 안정성을 측정하며 TBT는 사이트의 유용성을 측정합니다. 캐싱 플러그인(및 기타 비교적 쉬운 최적화)을 통해 LCP를 어느 정도 최적화할 수 있더라도 CLS 및 TBT를 최적화하려면 더 많은 기술이 필요합니다. CLS를 사용하려면 뷰포트, 브라우저가 콘텐츠를 렌더링하는 방법 및 어떤 요청이 어떤 순서로 로드되는지 이해해야 합니다. JavaScript 실행을 이해하려면 더 높은 수준의 기술 전문 지식이 필요하기 때문에 TBT는 최적화하기 훨씬 더 어려운 메트릭입니다.
TTFB는 잘못된 백엔드 코드나 불충분한 호스팅 리소스로 인해 일부 사람들이 어려움을 겪는 또 다른 지표입니다. '초기 서버 응답 시간 단축' 감사는 우리가 접한 GTmetrix 보고서에서 가장 플래그가 지정된 감사 중 하나입니다. 그렇기 때문에 웹사이트를 지원하는 저가형/예산 호스팅 서비스를 사용하지 않는 것이 중요합니다. 우리는 사람들이 WordPress/WooCommerce/Premium Theme 웹사이트를 저렴한 호스팅과 연결하고 성능이 왜 적자인지 궁금해하는 것을 너무 자주 보았습니다.
INP(Interaction to Next Paint)의 도입으로 FID가 다시 계산될 것으로 예측되고 있습니다. 어떻게 진행될 것으로 보십니까?
비대화형 페이지 로드보다 틀림없이 더 현실적일 수 있는 실제 상호 작용과 관련된 성능에 대한 통찰력을 나타내는 것은 확실히 흥미로운 지표입니다.
그러나 아직 실험 단계로 표시되기 때문에 Google에서 표시하는 대부분의 항목은 아직 성숙하는 데 시간이 필요합니다. "첫 번째 의미 있는 페인트"가 브라우저의 첫 번째 관련 렌더링을 더 잘 표현하기 위해 "첫 번째 콘텐츠가 있는 페인트"를 대체해야 했을 때를 기억합니다.
INP가 같은 운명을 따를 것이라고 말하지는 않지만 GTmetrix Reports에 대한 구현을 고려하기 전에 INP가 충분히 안정되는지 계속 주시하고 있습니다.
GTmetrix에는 다양한 위치에서 테스트할 수 있는 서버가 전 세계에 있다는 것을 알고 있습니다. 정확히 어떻게 작동합니까?
우리는 전 세계 22개 위치(7개 무료 위치 및 15개 프리미엄 위치)에서 총 82개의 테스트 서버를 운영하고 있습니다. 이것은 우리가 지구상의 모든 대륙을 거의 커버하도록 하기 위한 것입니다(물론 남극 대륙 제외). 우리는 글로벌 사용자 기반을 가지고 있으며 이러한 웹 사이트 소유자도 글로벌 사용자 기반을 갖는 경향이 있으므로 위치가 사이트 성능에 어떤 영향을 미치는지 볼 수 있는 기능을 제공하는 것이 필수적입니다.
당사는 캐나다 밴쿠버의 홈 위치에 자체 서버 인프라를 보유하고 있으며 Azure 및 AWS 가상 서버의 조합을 사용하여 전 세계에 거의 공평한 하드웨어를 제공합니다. 사용자가 테스트 위치(예: 호주 시드니) 중 하나를 선택하면 실제 브라우저를 사용하여 시드니 위치에서 페이지를 실제로 로드하여 시드니에서 페이지를 방문하는 사용자가 페이지를 어떻게 느낄지 분석합니다.
GTMetrix 대 Google PSI 테스트를 사용하면 어떤 이점이 있습니까?
GTmetrix와 Google의 PageSpeed Insights(PSI)는 모두 Lighthouse에 의해 구동되지만 모든 유사점은 여기서 끝입니다. 우리의 테스트 방법은 "관찰된 성능"에 초점을 맞추기 때문에 완전히 다릅니다(즉, 실제 브라우저를 사용하여 페이지를 로드하고 결과 데이터를 캡처함). 반면에 PSI는 "시뮬레이트된 성능"에 중점을 둡니다(즉, 헤드리스 브라우저와 시뮬레이트된 조절/랜턴을 사용하여 평균 장치에서 페이지가 로드되는 방식을 시뮬레이트합니다).
즉, GTmetrix 결과는 실제 사용자가 브라우저에서 페이지를 로드하는 경험에 더 가깝습니다.
PSI는 또한 테스트 매개변수를 변경할 수 없지만 GTmetrix를 사용하면 위치, 연결 속도, 장치를 변경할 수 있으며 다양한 시나리오(예: Adblock, 쿠키, HTTP 인증 등)에서 테스트할 수 있습니다. .).
또한 GTmetrix는 Waterfall Charts(페이지 요청이 로드된 방식과 다양한 타이밍 및 메트릭의 상관 관계를 나타냄), 모니터링 및 경고(예약된 빈도로 자동 테스트 및 성능이 예상 프로필에서 벗어날 때 보고하도록 경고), 기록 성능 추적(다양한 그래프 및 차트), 보고서 조직 및 연혁 CSV 다운로드 등
PSI는 귀하의 성능을 확인하는 데 적합하지만 GTmetrix는 모든 계층의 사용자를 위한 보다 안정적이고 장기적인 성능 추적 도구로 유용합니다.
GTmetrix의 다음 단계는 무엇입니까?
우리는 보고서를 더 잘 구성하고, 팀으로 더 잘 협업하고, 결과를 더 잘 이해하여 더 많은 정보에 입각한 결정을 내릴 수 있도록 도와주는 몇 가지 멋진 기능을 개발하고 있습니다.
우리의 목표는 계속해서 웹 성능 최적화를 더 쉽게 이해하고 기술 사용자와 비기술 사용자 모두가 더 쉽게 액세스할 수 있도록 돕는 것입니다.
Ian에게 감사합니다. GTmetrix의 기원과 지난 몇 년 동안 상황이 어떻게 발전했는지 몰랐습니다. 독자들은 이것이 정말 도움이 될 것이라고 생각합니다.
저희 이야기를 할 기회를 주셔서 기쁩니다. GTmetrix를 방문하여 질문이 있으면 알려주세요!

계획, 구축, 모집단 및 출시 외에도 고객의 웹사이트는 최고의 효율성을 유지하기 위해 지속적인 모니터링과 최적화가 필요합니다. 지불 게이트웨이, CDN, 스마트 캐싱, 프로그래밍 방식 광고, 에지 서버 – 당사 웹사이트는 매일 로켓 과학처럼 변하고 있습니다.
그렇다면 웹 사이트가 용량의 80% 또는 90%로 실행되고 있는지 어떻게 알 수 있습니까? 오른쪽. 우리는 그것을 측정합니다.
“GTmetrix 속도 확인은 수많은 정보를 보여줍니다. 그러나 IsItWP 웹 사이트 속도 테스트 도구 또는 Pingdom과 같은 대체 웹 사이트 속도 확인 도구를 사용하여 결과를 비교할 수도 있습니다.”
wpbeginner.com
GTmetrix 란 무엇입니까?
GTmetrix는 Carbon60의 제품이며 2009년부터 웹 속도를 테스트하고 있습니다. 웹 사이트의 성능을 모니터링하고 개선하기 위한 사용하기 쉬운 도구입니다. 웹사이트의 로드 시간 및 유용성과 관련된 성능 은 SEO 스포트라이트의 최신 Google 순위 요소입니다.
검색 결과에서 유용한 위치에 나열되기를 원하신다면 (바라건대) 귀하의 웹사이트와 클라이언트의 성능에 주의를 기울이고 있을 것입니다. GTmetrix가 아직 익숙하지 않다면 "Pingdom"과 함께 Google의 "Page Speed"에 대해 들어보셨을 것입니다. 특히 잘 알려진 두 가지 서비스.
다음은 GTmetrix Elevator Pitch입니다.
GTmetrix는 웹사이트 속도를 저하시키는 요인에 대한 개요를 제공합니다. 속도와 성능을 향상시키는 방법에 대한 다양한 제안을 제공합니다. GTmetrix는 이를 수행하는 두 가지 방법을 제공합니다.
첫째, 그들의 웹사이트로 이동하여 사이트의 URL을 입력합니다. 계정을 만들면 여기에서 수행하는 테스트가 기록에 저장됩니다. 좋은 기능입니다.
또는 GTmetrix WordPress 플러그인을 사용할 수 있습니다. WordPress 사이트에 플러그인을 사용하는 것은 옵션 A보다 시간이 조금 더 걸립니다. 플러그인을 설치하고 무료 GTmetrix 계정을 만들어야 합니다. 계정은 플러그인에 대한 API 키와 특정 수의 일일 요청을 제공합니다. 그러나 플러그인은 이전 PageSpeed/YSlow 보고서만 생성하므로 Lighthouse 메트릭을 찾고 있다면 GTmetrix 웹사이트를 참조하십시오.
GTmetrix의 기본 무료 테스트 설정은 캐나다 Vancouver, Desktop 및 Chrome 브라우저입니다(아래 이미지).

계정(무료 또는 PRO)에 등록하지 않으면 테스트할 수 있는 항목이 제한됩니다.

무료 계정을 사용하면 더 많은 기능을 활용할 수 있습니다.

무제한 요청 및 기타 기능을 제공하는 월 9달러부터 유료 계정에 가입할 수 있습니다.
한 달에 13달러부터 시작하는 유료 계정에 가입할 수 있습니다(장기 계획에는 할인 제공). 더 많은 테스트와 고급 기능을 제공합니다.
무료 GTmetrix 계정에 가입: https://gtmetrix.com
유료 GTmetrix 계정 설정: https://gtmetrix.com/pricing.html
WordPress 플러그인 다운로드: https://wordpress.org/plugins/gtmetrix-for-wordpress
웹사이트를 떠나지 않고 웹사이트 성능을 모니터링하려는 경우 WordPress에 GTmetrix 플러그인을 설치하는 것이 좋은 솔루션입니다.
무료 계정 생성 및 API 키 생성(아래)

WordPress 웹사이트에 로그인하고 GTmetrix 플러그인을 설치합니다.

API 키와 GTmetrix 계정의 이메일 주소를 추가하십시오.

이제 첫 페이지를 테스트하거나 URL 또는 페이지 제목을 입력하여 측정을 시작할 수 있습니다.

“WordPress에는 성능을 확인하는 내장된 방법이 없습니다. 그리고 많은 사람들이 WordPress와 함께 GTmetrix를 사용하는 것을 신뢰합니다. GTmetrix 플러그인 사용의 주요 이점은 WordPress 대시보드에서 분석을 수행할 수 있다는 것입니다.”
greengeeks.com
내 GTmetrix 속도 테스트 점수는 무엇을 의미합니까?
도구 자체에 대해 알아보기 전에 웹 사이트 속도 테스트를 실행하는 방법에 대해 이야기하는 것이 좋습니다. GTmetrix를 비롯한 많은 도구가 있습니다. 많은 것들이 훌륭하지만 웹사이트 속도를 한 번만 확인하고 특정 페이지만 확인하는 경우에는 그다지 유용하지 않습니다.
모든 테스트와 마찬가지로 시간이 지남에 따라 많은 테스트를 실행해야 합니다. 가장 정확하고 최상의 결과를 얻으려면 다양한 요인을 실험해 보십시오. 지금 속도 테스트에 합격했다고 해서 다음 달에 합격하는 것은 아닙니다.
메인 페이지도 테스트하지 마십시오. 웹사이트의 모든 페이지가 중요합니다. 사람들은 Wichita의 토요일 밤 주차장에서 휴대전화로 최소한의 Wi-Fi로 신발 한 켤레를 주문하려고 합니다. 그들은 사무실에 앉아 있지 않고 데스크탑에서 홈페이지를 호출합니다.
웹사이트의 성능은 매일 변동될 수 있으며 방문자 수 또는 호스팅 서버의 필수 및 사용 가능한 리소스와 같은 다양한 요인의 영향을 받습니다.
가장 정확한 테스트 결과를 얻으려면 다음을 수행해야 합니다.
- 더 오랜 시간 동안 테스트(일 대신 몇 주)
- 다양한 기기에서 테스트
- 웹사이트에서 다양한 작업 수행
- 하루 중 다른 시간에 테스트
GTmetrix 보고서는 어떻게 생겼습니까?
기본적으로 GTmetrix의 보고서와 다른 도구 사이에는 유용한 차이점이 있습니다. 고객이 웹사이트 성능과 관련하여 더 많은 정보를 원할 경우 이러한 보고서는 Google Page Speed Insights보다 더 명확한 그림을 제공합니다.
요약, 성과, 구조 및 폭포 보고서는 명확하게 보이는 핵심 활력과 함께 편리하게 탭으로 표시됩니다. (무료) 비디오 및 기록 탭도 인터페이스에 있습니다.

성능 보고서는 성능 메트릭(web vitals)에 이어 브라우저 타이밍을 제공합니다.


구조 보고서는 감사된 각 문제를 항목화하므로 다음 성능 테스트 전에 수행할 수 있는 각 실행 가능한 개선 사항에 대한 개요를 알 수 있습니다.


폭포 차트는 페이지 로드에 대한 요청별 분석을 제공합니다. 폭포수 다이어그램은 웹사이트 속도에 영향을 미치는 요소를 자세히 보여줍니다. 파일에 필요한 시간과 파일이 로드되는 순서를 확인할 수 있습니다.

GTmetrix의 더 흥미로운 기능 중 하나는 로드되는 웹사이트의 비디오입니다. 이 비디오는 포함하고 클라이언트와 공유할 수 있습니다. (아래) 이것이 GTmetrix를 매우 가치있게 만드는 기능입니다. 비디오에서 페이지 구조가 표시됩니다. 그러나 이 간단한 트릭을 사용하면 측정된 로드 시간과 인식된 로드 시간을 명확하게 구분할 수 있습니다.

GTmetrix가 무료 및 PRO 플랜 모두에서 제공하는 최고의 기능은 히스토리 그래프입니다. 보고서는 웹사이트를 측정할 때마다 저장됩니다. (아래) 며칠 또는 몇 주에 걸쳐 사이트의 로드 시간을 비교하면 많은 정보를 얻을 수 있습니다.
다음을 추적하여 페이지 성능 탭을 유지하는 데 도움이 되는 3개의 히스토리 그래프가 있습니다. 주요 성능 메트릭, HTTP 요청 수 및 총 페이지 크기, 페이지 점수

GTmetrix와 Google PageSpeed의 차이점은 무엇입니까?
PageSpeed 또는 다른 성능 모니터링 도구를 이미 사용하고 있다면 GTmetrix가 처음일 수 있습니다. 그렇다면 이미 이 질문에 스스로 답을 하고 있을지도 모릅니다. 무료 GTmetrix 계정에서 사용할 수 있는 기능은 훌륭합니다!
두 시스템을 비교하는 경우 사과와 오렌지를 비교하는 것입니다. GTmetrix는 테스트에 대한 실제 느낌을 더 많이 제공합니다.
고객은 웹사이트 테스트 및 성능에 대한 추가 정보에 대해 즉시 놀라움을 금치 못할 것입니다.
Google의 PageSpeed Insights 는 로딩 속도와 웹 페이지의 동작을 평가하는 도구입니다. 모바일 및 데스크톱 보기를 측정하고 결과에 따라 개선을 위한 구체적인 제안을 제공합니다.
PageSpeed는 주어진 URL의 로딩 시간을 측정하고, 점수를 계산하고, 잠재적인 개선을 위해 웹사이트를 분석합니다. 좋은 점은 계정을 만들지 않고도 모든 URL을 무료로 입력하고 확인할 수 있다는 것입니다.
GTmetrix 는 웹사이트 모니터링 솔루션입니다. Core Web Vitals를 포함하여 2020년부터 Google의 측정값을 사용하고 있습니다. 이것은 웹사이트 성능 측정을 위한 업계 표준입니다.
휴대폰을 포함하여 선택한 장치 및 브라우저 조합에서 GTmetrix로 웹사이트를 테스트할 수 있습니다. 이러한 옵션을 사용자 지정하려면 등록해야 합니다.
PageSpeed Insights에 비해 GTmetrix의 주요 장점은 시간 경과에 따른 웹사이트 성능을 추적하고 실험을 실행하며 웹사이트 성능에 대한 원스톱 개요를 볼 수 있다는 것입니다.
다른 도구의 결과와 비교하여 GTmetrix 성능 점수에 차이가 있을 수 있습니다. 이러한 차이는 Lighthouse 구현, 테스트 방법, 테스트 위치, 연결 속도, 하드웨어 등 다양한 요인으로 인해 발생합니다.
도구마다 다른 방법론과 구성을 사용하기 때문에 성능 점수도 달라집니다. Lighthouse는 공통 구성 요소일 수 있지만 Lighthouse가 구현되는 방식에는 차이가 있습니다.
PageSpeed Insights 및 web.dev는 Google의 도구입니다. 그들은 자신의 방식으로 Lighthouse를 사용합니다. 주요 차이점은 PageSpeed Insights가 Chrome 사용자 경험(CrUX) 데이터를 제공한다는 것입니다. 전 세계 Chrome 브라우저에서 수집한 실제 사용자 데이터로 실제 사용자 성능에 대한 데이터를 제공합니다.
GTmetrix는 실험실/합성 테스트를 제공합니다. 분석은 통제된 환경 및 시나리오에서 수행됩니다.
“GTmetrix는 웹 페이지를 빠르게 업데이트하거나 빠르게 변화하는 시장에 서비스를 제공하는 회사 및 조직에 더 나은 옵션이 될 수 있습니다. 이는 사용자가 자동화된 예약 모니터링을 수행하여 웹 페이지 성능에 대한 업데이트를 얻을 수 있기 때문입니다.”
techrepublic.com
신뢰할 수 있는 웹사이트 성능 결과를 위해 GTmetrix가 정확합니까?
GTmetrix는 정확하지만 결과와 테스트는 귀하 또는 귀하의 고객이 익숙한 것과 다를 수 있습니다.
GTmetrix 테스트는 기본적으로 제한되지 않은 연결 (사용 임계값 없음)로 웹사이트를 로드하기 위해 실제 브라우저에서 수행됩니다. 일부 테스트 옵션(위치, 연결 속도 및 유형, 화면 해상도 등)은 테스트 요구 사항 및 사용자 계획에 따라 변경될 수 있습니다.
PageSpeed Insights 및 web.dev 테스트는 네트워크 조절 (사용 임계값)을 사용하여 다양한 네트워크 조건에서 페이지 로드를 시뮬레이션합니다. 또한 PageSpeed Insights 및 web.dev는 페이지 활동을 모델링하고 성능 메트릭을 추정하기 위해 브라우저 실행을 시뮬레이션하는 Lantern을 사용합니다.

GTmetrix의 페이지 속도 성능 보고서(위) 및 Google의 PageSpeed Insights 보고서

GTmetrix 또는 Google PageSpeed 중 어떤 웹사이트 성능 테스트를 사용해야 합니까?
GTmetrix와 PageSpeed Insights는 모두 유용한 관련 웹 모니터링 기능 및 분석 세트를 제공합니다.
고객의 웹사이트가 정기적으로 업데이트되거나 빠르게 변화하는 시장에 서비스를 제공하는 경우 GTmetrix 가 더 나은 옵션이 될 수 있습니다. GTmetrix를 사용하여 자동화된 예약 모니터링을 수행하여 정기적으로 보관된 업데이트를 제공할 수 있습니다. PageSpeed Insights에서는 할 수 없는 인터넷 연결 유형 및 속도를 정의할 수도 있습니다.
PageSpeed Insights 도구는 클라이언트가 웹사이트 성능 모니터링을 처음 접하는 경우 더 나을 수 있습니다. PageSpeed의 온라인 액세스 및 간소화된 개선 제안을 활용할 수 있습니다.
“GTmetrix는 사이트 성능을 측정할 때 PageSpeed Insights에 대한 최상의 대안 중 하나입니다. WP Rocket에서는 다른 성능 테스트 도구와 함께 GTmetrix를 매일 사용하여 고객이 사이트를 감사하고 권장 사항을 최대한 활용할 수 있도록 지원합니다.”
wp-rocket.me
내 웹사이트에서 GTmetrix 점수를 어떻게 개선합니까?
100/100 점수는 특히 웹 사이트에서 사용자 정의 기능을 사용하는 경우 거의 작동하지 않습니다. 80에서 90 사이의 점수는 검색 엔진과 방문자 모두에게 바람직합니다.
재미있는 사실: Fortune 500대 기업 홈페이지의 80%가 성능 점수가 50점 미만입니다(storyblok.com).
구조 보고서에서 GTmetrix는 통과 여부에 관계없이 모든 감사 목록을 제공합니다. 그런 다음 실행 가능한 각 항목을 통해 작업하고 시간이 지남에 따라 노란색에서 녹색으로 – 개선이 필요함에서 좋음으로 전환할 수 있습니다.

구조 보고서는 각 감사의 항목별 목록을 제공합니다. (위 이미지). 개선이 필요한 사항을 확인하기 위해 해당 감사와 관련된 모든 세부 정보를 표시하려면 열린 항목을 클릭하십시오. (아래 이미지)

웹사이트 성능을 개선하기 위해 가장 먼저 할 수 있는 일은 서버 수준에서 하는 것입니다. 웹 서버가 느린가요?
혹시. 우리의 조언은 CDN 웹 서비스를 사용하는 것입니다
Content Delivery Network는 Cloudflare와 같이 전 세계에 흩어져 있는 파일을 보관하는 여러 서버의 네트워크입니다. 이를 통해 다른 국가 또는 대륙의 방문자가 기존 서버보다 훨씬 빠르게 웹사이트에 대한 파일을 얻을 수 있습니다.
웹사이트 속도를 개선하기 위해 지금처럼 또 무엇을 할 수 있습니까?
- 파일 크기 줄이기(예: 이미지)
- 글꼴 크기 줄이기
- 지연 로드(오프스크린) 이미지
- 스크립트 및 스타일 최소화 및 압축
- 렌더링을 차단하는 리소스 제거
- 자바스크립트 연기
- CSS 파일 줄이기
- CSS 파일 정리 및 테스트
“GTmetrix는 WordPress 성능(또는 다른 유형의 웹사이트 성능)을 테스트하는 가장 인기 있는 방법 중 하나입니다. 그러나 많은 데이터와 제안을 던지기 때문에 가장 효과적으로 사용하는 방법을 알기 어려울 수 있습니다.”
winwp.com
GTmetrix 모바일 결과를 얻으려면 어떻게 해야 합니까?
GTmetrix는 2013년부터 모바일 결과를 테스트해 왔습니다. 당시에는 두 개의 Samsung Galaxy Nexus 휴대폰이 모바일 테스트 제품군을 구성하여 사용자가 이러한 장치에서 실제 페이지 로드를 기반으로 GTmetrix 보고서를 생성할 수 있도록 했습니다. 그들은 그 이후로 먼 길을 왔습니다!
우리가 '모바일 시대'를 지난 지 오래임이 분명합니다. 2011년에는 모바일 장치의 판매량이 데스크톱 컴퓨터를 능가했습니다. 불과 2년 후 Facebook은 데스크톱 컴퓨터보다 모바일 장치로 플랫폼에 액세스하는 사람이 더 많다고 보고했습니다. 오늘날 당사 웹사이트 트래픽의 최소 절반은 모바일 장치에서 발생합니다. Good PageSpeed의 기본 테스트는 Google의 검색 알고리즘 자체로서 모바일 우선입니다. Google은 사람들이 휴대기기에서 당사 웹사이트를 방문할 것이라고 가정합니다.
"GTmetrix PRO 사용자는 실제 하드웨어 솔루션(Chrome Android, Galaxy Nexus, Vancouver만 해당)을 통해 모바일 테스트에 액세스할 수 있으며 시뮬레이션된 장치 테스트를 통해 30개 이상의 다른 장치로 페이지를 테스트하고 모니터링할 수 있습니다. 변종."
GTmetrix
GTmetrix는 두 가지 유형의 모바일 장치 테스트를 제공합니다.
- 캐나다 밴쿠버에 위치한 실제 하드웨어 Android 장치.
- PRO 플랜 계층에서 사용할 수 있는 모든 위치에서 시뮬레이션된 장치 테스트.
테스트하려는 모바일 장치를 선택하는 것은 매우 간단합니다.
GTmetrix 계정에 로그인하고 테스트 중인 사이트의 URL을 입력하십시오. 오른쪽에서 페이지 설정을 클릭합니다.

계정에 로그인하거나 무료 버전을 사용하여 웹사이트 성능을 테스트하십시오. 일부 페이지 설정은 무료 버전으로 조정할 수 있습니다. 다른 설정에는 PRO 플랜이 필요합니다.

페이지 설정을 사용하여 도시, 브라우저 및 장치, 인터넷 속도를 선택할 수 있습니다. 무료 계정은 PRO 버전으로 늘릴 수 있는 다양한 옵션을 제공합니다.

그런 다음 브라우저와 장치, 인터넷 속도를 선택할 수 있습니다. 무료 계정은 PRO 버전으로 늘릴 수 있는 다양한 옵션을 제공합니다.

내 서버가 느린 경우 GTmetrix가 알려줄 수 있습니까?
예, GTmetrix는 서버가 느리고 좋은지 알려줄 수 있습니다. 웹사이트의 로딩 시간을 늘리는 데 영향을 줄 수 있는 세 가지 중요한 요소가 있습니다.
- 호스팅 서버의 속도
- 전송해야 하는 데이터의 수와 크기
- 병렬로 전송할 수 있는 파일 수
Time to First Byte”(TTFB 또는 First Byte Time)는 완전히 로드된 웹사이트로 가는 도중에 측정할 수 있는 첫 번째 값 중 하나이며 서버에 연결을 설정한 다음 첫 번째 바이트를 수신하는 데 걸리는 시간을 나타냅니다. 페이지 데이터 다시 .
GTmetrix에서 이것은 리디렉션(있는 경우), DNS 조회, 소켓, SSL 협상(핸드셰이크)을 수행하고 서버가 페이지를 생성하기를 기다리는 데 소요된 총 시간입니다. 웹사이트의 Google Core Web Vitals를 측정하는 경우 TTFB가 큰 역할을 합니다.
서버에서 데이터를 가져오는 데 시간이 오래 걸릴수록 웹 페이지를 표시하는 데 더 오래 걸립니다. Google은 TTFB를 200밀리초 미만으로 유지할 것을 권장합니다. Rocket은 특정 위치에 네트워크 문제가 없는 한 우리 플랫폼의 글로벌 평균 TTFB가 100ms 미만임을 자랑스럽게 생각합니다.
TTFB의 중요성은 이것이 Core Web Vitals에 대해 아무도 생각하지 않는 가장 중요한 지표라는 것입니다. 이는 웹사이트에서 가장 중요한 지표가 됩니다. 왜요? 속도가 승리한다는 것을 기억하십시오!
GTmetrix는 Google Core Web Vitals(아래 첫 번째 이미지)뿐만 아니라 TTFB(아래 두 번째 이미지)에서 볼 수 있는 서버 응답 속도도 측정합니다.


GTmetrix는 내 전체 웹사이트 또는 하나의 URL에 대해 보고합니까?
무료 GTmetrix 계정을 사용하면 제한된 수의 URL을 매주 테스트할 수 있으며 매일, 매주 또는 매월 하나의 URL을 모니터링할 수 있습니다. GTmetrix PRO 플랜을 사용하면 추가 URL을 시간 단위로 모니터링할 수 있습니다.
이미 썼듯이 웹사이트의 모든 페이지가 중요합니다. 일부 페이지는 다른 페이지보다 무겁거나 발생하는 속도 문제를 일으킬 수 있습니다. GTmetrix는 대량 테스트를 수행하지 않지만 각 URL을 테스트하고 다른 페이지의 성능을 비교할 수 있습니다.
GTmetrix에서 URL을 어떻게 비교합니까?
URL에 대한 보고서를 생성한 후 오른쪽 상단의 "비교"를 클릭합니다. 그런 다음 다른 URL을 이전에 테스트한 URL과 비교할 수 있습니다.

방금 만든 보고서와 비교하려는 URL을 입력하거나 비교하려는 다른 보고서의 GTmetrix 보고서 URL을 직접 붙여넣습니다. 비교 결과가 있는 비교 화면이 자동으로 나타납니다.

추가 URL을 비교하려면 "다른 URL 추가" 버튼을 클릭하세요. 최대 4개의 고유 URL을 비교할 수 있습니다.
합산!
아직 GTmetrix를 사용하고 있지 않다면 그 이유를 스스로에게 물어보십시오. 기본 버전은 무료입니다. 속도는 좋습니다. 무료가 좋다!
다른 도구와 비교할 때 GTmetrix는 사용하기가 상당히 쉽습니다. 초보자라면 금방 익힐 수 있습니다. 점수 및 권장 사항은 GTmetrix의 자체 전문 지식과 독점 공식으로 보강된 Lighthouse(또는 기존 보고서의 경우 PageSpeed/YSlow)를 사용하여 생성됩니다.
GTmetrix의 사용자 친화성은 매우 높습니다. UX는 매우 간단하고 KPI 값의 명확한 표시는 확실한 플러스입니다. World Wide Server, 비디오 및 고급 분석 옵션에 대한 페이지 성능 추적을 포함한 기능의 범위는 방대합니다. 웹 사이트 속도 및 페이지 크기와 같은 기본 값 외에도 많은 최적화 팁을 얻을 수 있습니다.

Rocket으로 웹사이트 성능을 한 단계 높이십시오!
Our team of experts is standing by. Most website owners have switched hosting providers multiple times over the history of their site. We're confident that you won't look back once you make the switch to Rocket.net.
The best customer support 24/7, super fast speed, ease of use, and access to top tools and industry-leading resources should always come standard. We're revolutionizing the way your WordPress site gets served up to the world, and we look forward to partnering with you in growing your business.