웹사이트의 로딩 속도를 개선하면 사이트의 성공에 큰 영향을 미칠 수 있습니다. 빠른 로딩 속도는 사용자 경험과 SEO 순위, 전환율, 체류 시간을 높여주고, 이탈률은 낮추며, 방문자 참여도를 증가시킵니다.
웹사이트 속도 테스트 도구를 활용하면 내 사이트의 속도를 손쉽게 확인할 수 있습니다. 이런 도구들은 TTFB(Time to First Byte, 브라우저가 데이터를 수신하기 시작하기까지 걸리는 시간) 측정, 전체 로딩 시간, 페이지 용량, 요청(request) 수 등을 분석합니다. 아울러 로딩 지연의 원인이 되는 스크립트·폰트·플러그인(HTML, JavaScript, CSS)과 병목 현상을 일으키는 대용량 이미지까지 찾아내 줍니다.
참고: 웹사이트 속도 테스트를 처음 실행하면 DNS 조회 시간이 평소보다 느리게 측정되는 경우가 많습니다. 따라서 테스트를 여러 번 반복해서 실행한 뒤 결과의 평균값을 참고하는 것이 좋습니다.
그럼 웹사이트 로딩 속도를 무료로 진단할 수 있는 대표적인 도구들을 살펴보겠습니다.
1. WebPageTest
WebPageTest는 '첫 방문(First View)'과 '재방문(Repeat View)'이라는 개념으로 테스트를 두 번 이상 실행합니다. 앞서 언급한 DNS 조회 지연처럼 첫 측정에서 왜곡된 결과가 나오는 것을 보정하기 위함입니다.
WebPageTest에서는 전 세계 40개 지역과 25개 브라우저 중에서 선택해 테스트를 진행할 수 있습니다. 또한 First Byte Time(첫 바이트 시간), Keep-alive 사용 여부, 전송 압축, 이미지 압축, 정적 콘텐츠 캐싱, CDN 활용도 등 여섯 가지 항목에 대해 A부터 F까지 등급을 매겨 줍니다.
무료 테스트 서비스치고는 고급 기능이 풍부합니다. 테스트 과정의 동영상 캡처, JavaScript 비활성화, SSL 인증서 무시, 사용자 에이전트(User Agent) 문자열 위장 등의 기능을 제공합니다.
2. Varvy Pagespeed Optimization
Varvy Pagespeed Optimization은 리포트를 리소스 다이어그램, CSS 전달 방식, JavaScript 사용 현황, 발견된 페이지 속도 문제, 사용된 서비스 등 다섯 가지 섹션으로 나누어 보여줍니다. 특히 테스트 결과를 바탕으로 추가 최적화에 바로 적용할 수 있는 정보를 잘 정리해 주는 점이 강점입니다. 브라우저 캐싱 활용법, 중요 렌더링 경로(critical rendering path) 등을 다루는 튜토리얼도 함께 제공됩니다.
3. KeyCDN
KeyCDN은 빠르고 가벼운 웹사이트 속도 테스트 도구를 제공합니다. 전 세계 14개 지역에서 내 웹사이트의 속도를 테스트할 수 있습니다.
KeyCDN의 웹 성능 테스트는 리포트를 비공개로 유지하거나 공개로 설정할 수 있는 옵션이 있습니다. HTTP/2 지원 여부까지 확인할 수 있어 인터넷에서 가장 진보된 테스트 중 하나로 꼽힙니다.
모바일 지원도 훌륭합니다. 모바일 리포트에는 '사용자 경험(User Experience)'이라는 별도의 평가 항목이 포함되어 있으며, 뷰포트(viewport) 설정, 버튼·링크 같은 탭 대상(tap target)의 크기, 글꼴 크기 등을 점검해 줍니다.
무료 도구보다 더 많은 기능이 필요하다면 아래의 유료 도구도 살펴보세요.
4. Pingdom
Pingdom은 웹사이트 속도 테스트 분야에서 가장 널리 알려진 도구 중 하나입니다. 개요 화면에서 다른 서비스에서 흔히 제공하지 않는 정보를 확인할 수 있습니다. 사이트 용량 분석, 도메인별 용량, 요청 수, 어떤 콘텐츠가 가장 많은 리소스를 차지하는지 등이 그 예입니다.
Pingdom의 리포트는 구조가 잘 정돈되어 있어 가볍게 훑어볼 수도, 깊이 있게 분석할 수도 있습니다. 리포트는 워터폴(waterfall) 상세 분석, 성능 등급, 페이지 분석, 기록(history)의 네 섹션으로 구성되며, 성능은 알파벳 등급으로 표시되고 해결해야 할 문제 목록도 함께 제공되어 읽기 쉽습니다.
5. GTmetrix
GTmetrix는 사용자 친화적이고 이해하기 쉬운 도구입니다. PageSpeed와 YSlow 두 가지 지표를 모두 점검하고 A~F 등급으로 결과를 알려줍니다. GTmetrix의 리포트는 사이트 문제를 해결하는 데 도움이 되는 부가 정보도 풍부하게 담고 있습니다. 페이지 속도 수치가 인터넷의 다른 페이지들의 평균과 비교해 표시되므로, 내 웹사이트가 다른 사이트들과 비교해 어느 정도 수준인지 한눈에 파악할 수 있습니다.
결과는 유형별로 구분되어 제공되므로, 웹 개발에 대한 전문 지식이 부족해도 문제가 CSS에 있는지, JavaScript에 있는지, 아니면 서버 환경에 있는지 파악할 수 있습니다.
6. Uptrends
Uptrends는 유료 서비스지만 웹사이트 속도 테스트는 무료로 제공합니다. 무료 테스트는 다소 기본적이지만, 워터폴 결과 그래프를 아코디언 방식으로 펼쳐 더 자세한 정보를 확인할 수 있습니다.
테스트 지역은 35곳 중에서 선택할 수 있으며, 디자인이 세련된 리포트는 정보를 자사(first party), 통계, CDN, 소셜, 광고, 자사 전체, 서드파티 전체 등 출처별로 분류해 보여줍니다.
웹사이트를 운영 중인데 원하는 만큼 트래픽이 늘지 않는다면, 우선 무료 도구로 사이트 속도를 점검해 보세요. 문제가 발견된다면 유료 버전을 활용해 속도를 개선하고 구글 검색 순위를 높이는 것도 좋은 방법입니다.