간단하게 크롬 브라우저로 트래픽/속도 측정하기

현재 아임웹은 한국을 비롯해 190개 이상의 국가에서 운영되고 있는 아마존 웹 서비스(AWS)와의 제휴를 통해 세계에서 가장 빠르고, 안정적인 서비스를 제공하고 있습니다. 내 아임웹 사이트의 로딩 속도가 궁금할 때 간단하게 트래픽/속도를 측정할 수 있습니다.

* 아임웹 뿐만 아니라 일반적으로 한 페이지의 권장 데이터 용량은 5mb 미만으로 하고 있으니 참고 부탁드립니다. (네이버 메인 페이지 약 3mb)



크롬 브라우저에서 개발자도구로 트래픽/속도 측정

1. 크롬 개발자도구 열기

크롬 브라우저에서 개발자도구를 열기 위해 윈도우 단축키 F12를 (Mac OS는 Option + Command +  i) 누르면 아래처럼 평소 보지 못했던 화면이 오른쪽에 열립니다. 이 화면을 개발자도구라고 합니다.


2. 개발자도구 내 'Network' 탭에서 기록 시작

네트워크(Network) 탭으로 이동 후 상단에 회색 원을 클릭하거나, 윈도우 단축키 CTRL + E (MacOS는 Command + E) 를 누르면 기록이 시작됩니다.




3. 캐시 비우기 및 강력 새로고침으로 내 아임웹 열기

상단 URL에 내 아임웹 사이트 주소를 입력한 후, 새로고침 버튼을 우클릭하여 '캐시 비우기 및 강력 새로고침'하면 아래와 같이 해당 페이지의 트래픽/속도가 체크되어 리스트로 만들어집니다.
* 중요한 것은 반드시 '캐시 비우기 및 강력 새로고침'으로 페이지를 새로고침 해야 정확한 측정이 가능합니다.




4. 트래픽/속도 자세히 보기

리스트에서 Name, Status, Type, Initiator, Size, Time으로 정렬이 가능하며, 주로 Size와 Time으로 정렬하여 비정상적으로 과부하가 걸리는 이미지나 파일을 찾아낼 수 있습니다. 리스트 가장 하단에 있는 요약 정보로 '76 requests, 1.1MB transferred, Finish 1.24s, etc' 현 페이지의 트래픽/속도를 종합해서 보실 수 있습니다.



* 내 아임웹 사이트가 느리다고 느낄 때 위와같이 트래픽/속도를 확인하고, '사이트 로드 속도 향상' 팁으로 한층 더 최적화된 사이트를 만들 수 있습니다.



목록으로

아임웹 공식제휴사

아임웹은 페이팔, KG이니시스, 네이버페이, KCP 공식파트너입니다.