웹 사이트 속도 테스트 방법

사이트 속도를 테스트하는 이유는?

자동차 제조업체에서 새로운 자동차 모델을 개발할 때 서류상으로는 빠르게 가속하고 부드럽게 주행할 수 있지만, 테스트 드라이버가 트랙에서 자동차를 몰아보기 전에는 실제로 얼마나 잘 달릴지 알 수 없습니다.마찬가지로, 로컬 테스트 환경에서의 사이트의 성능만을 보고 다양한 네트워크 조건과 다양한 위치에 걸쳐 있는 더 넓은 인터넷에서 사이트가 어떤 성능을 보일지 항상 잘 알 수 있는 것은 아닙니다.

웹 사이트 속도 테스트의 목표는 실제 상황을 시뮬레이션하여 웹 사이트가 실제로 얼마나 잘 작동하는지에 대한 데이터를 제공하는 것입니다. 웹 사이트의 속도를 테스트해봄으로써 개발자는 사이트 또는 애플리케이션의 속도를 알 수 있을 뿐만 아니라 페이지의 어떤 요소 때문에 속도가 느려지는지도 파악할 수 있습니다.

사이트 속도가 중요한 이유

웹 사이트의 성능이 낮으면 사용자가 실망하여 이탈할 수 있습니다.느린 사이트 성능은 검색 순위(또는 SEO), 전환율, 전반적인 사용자 경험에 부정적인 영향을 미칩니다.

개발자는 웹 사이트의 속도를 어떻게 테스트할 수 있을까요?

Cloudflare를 비롯한 여러 조직에서 웹 사이트 속도 테스트를 제공합니다.많은 속도 테스트에서는 성능 지표가 제공될 뿐만 아니라 페이지 속도를 느리게 하는 웹 페이지의 개별 요소도 파악할 수 있습니다.

Cloudflare에서는 속도 테스트 외에도 웹 사이트 성능을 향상하고 지연 시간을 줄일 수 있는 CDN 서비스를 무료로 제공합니다.

사이트 속도 테스트에서 제공되는 성능 지표는 무엇일까요?

기본 Cloudflare 속도 테스트에서는 다음이 측정됩니다.

• 로딩 시간: 웹 브라우저가 웹 페이지를 다운로드하고 표시하는데 걸리는 시간(1,000분의 1초 단위로 측정)
• 첫 번째 바이트까지의 시간(TTFB): 브라우저가 웹 서버로부터 데이터의 첫 번째 바이트를 수신할 때까지 걸리는 시간(1,000분의 1초 단위로 측정).
• 요청 건수: 웹 브라우저가 웹 페이지를 완전히 로딩하기 위해 필요한 리소스에 대한 HTTP 요청 건수.

모든 속도 테스트 공급자가 동일한 성능 지표를 사용하여 사이트 속도를 분석하는 것은 아닙니다. 기타 성능 지표에는 다음이 포함됩니다.

• DOMContentLoaded(DCL): 이는 웹 페이지의 전체 HTML 코드를 로딩하는 데 걸리는 시간을 측정합니다. 이미지, CSS 파일, 그 밖의 웹 자산은 로딩할 필요가 없습니다.
• 첫 노출 화면 표시 시간: '첫 노출 화면(Above the fold)'은 웹 사이트에 접속하면 사용자의 눈에 처음 보이는 화면으로, 스크롤 하기 전의 웹 페이지 영역을 말합니다.
• 첫 번째 콘텐츠가 있는 페인트(FCP): 웹 브라우저가 웹 콘텐츠를 처음으로 '페인팅', 즉 렌더링하기 시작하는 때를 말합니다. 이는 텍스트, 이미지, 흰색이 아닌 배경 색 등 페이지의 모든 측면일 수 있습니다.
• 페이지 크기: 웹 페이지에 나타나는 모든 웹 콘텐츠와 웹 자산의 총 파일 용량.
• 왕복 횟수: 이 지표를 통해 웹 페이지가 로딩될 때까지 HTTP 요청이 브라우저와 서버를 오가는 횟수를 측정합니다. HTTP 요청이 브라우저에서 원본 서버로 완전히 이동하고 서버의 HTTP 응답이 완전히 되돌아가면 왕복이 이루어집니다.
• 렌더링 차단 왕복 횟수: 왕복 횟수의 하위 개념. '렌더링 차단'은 다른 항목을 로드하기 전에 로드해야 하는 리소스를 말합니다.
• 왕복 시간(RTT): HTTP 요청의 왕복 이동에 걸리는 시간.
• 렌더링 차단 리소스: CSS 파일을 비롯한 특정한 웹 리소스는 자신이 먼저 로딩이 되지 않을 경우 웹 페이지 내에 있는 다른 리소스의 로딩을 차단하게 됩니다. 웹 페이지의 렌더링 차단 리소스가 많을수록 브라우저가 페이지를 로드하지 못할 가능성이 커집니다.