네트워크 분석

• 서비스를 분석하고 최적화할 때 어떤 작업을 먼저 해야 한다는 규칙은 없음. 상황에 따라 판단하여 원하는 분석을 진행하면 됨
• 여기서는 네트워크를 먼저 살펴보겠음
• 네트워크를 확인할 때는 명확한 흐름을 파악할 수 있도록 네트워크에 throttling을 적용함. 지금까지는 크롬 개발자 도구에서 기본으로 제공하는 ‘Fast 3G’나 ‘Slow 3G’ 설정을 적용했지만, 이번에는 기본 설정보다 조금 더 빠른 환경으로 설정하기 위하여 직접 커스텀 설정을 만들어 보겠음

Network 패널에 throttling 옵션

• throttling 옵션에서 **‘Add…’**를 선택하면 Network Throttling Profiles 라는 설정 페이지가 뜸
• ‘Add custom profile…’ 버튼을 눌러 원하는 throttling 옵션을 추가하면 됨
• 여기서는 ‘6000’ 이라는 이름으로 다운로드와 업로드 속도를 6000kb/s으로 설정하였음

Custom throttling 옵션 추가

• 참고로 Fast 3G의 다운로드 속도는 1500kb/s, 업로드 속도는 750kb/s이며 Slow 3G의 다운로드 속도는 780kb/s, 업로드 속도는 330kb/s임
• 옵션 추가를 완료했다면 내용 저장 후 네트워크 패널로 돌아감. 그러면 Custom throttling 옵션이 throttling 설정에 추가된 것을 볼 수 있음

추가된 Custom throttling 옵션

• 이 옵션으로 throttling을 적용하고 네트워크를 분석해보겠음
• 이 옵션을 선택하고, 홈페이지의 메인 페이지를 새로고침하면 아주 긴 시간에 걸쳐 필요한 리소스가 다운로드되는 것을 볼 수 있음

• 처음에는 당장 중요한 리소스인 bundle 파일이 다운로드되는 것을 볼 수 있음