내 웹사이트는 집에 있는 컴퓨터에서는 번개처럼 빠르게 열립니다. 하지만 이는 Verizon FIOS의 100/100 인터넷 요금제를 사용하고 있기 때문일 가능성이 높습니다. 스마트폰으로 접속해도 4G LTE 신호가 4~5칸으로 꽉 차 있어 페이지 로딩 속도는 여전히 매우 빠릅니다.
그런데 Google Analytics에서 사이트 로드 시간을 확인해 보면 이야기가 다릅니다. 내 환경에서는 1~2초면 충분한 페이지가 5초, 7초, 심지어 10초까지 걸리는 것으로 나타납니다. 초고속 광대역 인터넷으로 웹서핑을 하는 방문자는 생각보다 많지 않기 때문입니다.
실제 로드 시간을 정확히 가늠하기 어려워, 컴퓨터에서 느린 연결을 재현해 어떤 요소가 로드에 가장 오랜 시간을 소모하는지 확인해 보고 싶었습니다. 온라인을 검색해 보면 프록시나 고급 디버깅 도구를 추천하는 글이 많은데, 그중 일부는 유료입니다.
다행히 이 문제를 해결할 완전 무료이면서도 훨씬 간편한 방법이 있습니다. 컴퓨터에 Google Chrome이 설치되어 있다면 느린 네트워크를 시뮬레이션하는 데 필요한 모든 준비는 이미 끝난 것입니다.
이 글에서는 Chrome을 활용해 원하는 속도로 네트워크 연결을 제어(스로틀링)하는 방법을 단계별로 소개합니다.
Chrome으로 느린 인터넷 연결 시뮬레이션하기
Chrome이 설치되어 있지 않다면 먼저 설치하세요. 이후 새 탭을 열고 CTRL + SHIFT + I를 눌러 개발자 도구 창을 열거나, 브라우저 우측 상단의 메뉴 아이콘을 클릭한 뒤 도구 더보기 → 개발자 도구를 선택하면 됩니다.
개발자 도구 창이 열리면 기본적으로 화면 오른쪽에 도킹되어 표시됩니다. 더 많은 데이터를 한눈에 확인할 수 있도록 화면 하단에 도킹하는 것을 추천합니다. 창 상단의 세로 점 세 개 아이콘을 클릭한 후 가운데 도킹 옵션을 선택하면 위치를 변경할 수 있습니다.
네트워크 스로틀링 프리셋 선택하기
이제 Network(네트워크) 탭으로 이동합니다. 오른쪽에 No Throttling(스로틀링 없음)이라는 항목이 보일 것입니다.
이 항목을 클릭하면 느린 연결을 시뮬레이션할 수 있도록 미리 구성된 속도 프리셋 목록이 드롭다운으로 나타납니다.
선택지는 Offline(오프라인)부터 WiFi까지 다양하며, 각 항목은 지연 시간(Latency), 다운로드(Download), 업로드(Upload) 순으로 표시됩니다. 속도가 가장 느린 것은 GPRS이며, 이후 일반 2G, 양호한 2G, 일반 3G, 양호한 3G, 일반 4G, DSL, WiFi 순입니다. 원하는 옵션을 고른 뒤 현재 페이지를 새로고침하거나 주소창에 다른 URL을 입력해 보세요. 단, 스로틀링은 개발자 도구가 열려 있는 해당 탭에만 적용된다는 점에 유의해야 합니다.
사용자 지정 프로필 추가하기
직접 지정한 값을 사용하고 싶다면 Custom(사용자 지정) 영역의 Add(추가) 버튼을 클릭하세요. 이어서 Add Custom Profile(사용자 지정 프로필 추가) 버튼을 누르면 원하는 지연 시간과 다운로드·업로드 속도를 설정한 새로운 프로필을 만들 수 있습니다.
실제로 GPRS 설정으로 테스트했을 때 www.google.com 페이지를 여는 데 무려 16초나 걸렸습니다! Chrome에 기본으로 내장된 이 기능은 별도 프로그램 설치나 비용 없이도 느린 네트워크 환경에서 웹사이트 로드 속도를 테스트할 수 있는 훌륭한 도구입니다. 궁금한 점이 있다면 언제든 댓글로 남겨 주세요.