Chrome Network 패널

오늘 속도개선 결과물을 시연해보다가 내 컴퓨터에서는 잘 작동되는데, 다른 분이 테스트 할 때는 오류가 생기는 것을 발견했다.

그 이유는 내 환경은 네트워크 속도가 빨라서 api 응답이 빨리와서 문제가 없었지만,

다른 분의 컴퓨터에서는 api 응답 속도가 느려 api응답이 오기도 전에 데이터가 없는 채로 이미 먼저 렌더 되버렸기 때문이다.

이를 해결하기 위해 Network 패널의 Throttling 을 조절하며 네트워크 연결이 느릴 때를 재연하며 디버깅해나갔다.

 

throttling

 

<기본 프리셋>

- Name : 다운로드 속도, 업로드 속도, RTT (라운드트립 시간) 

※ RTT : 지연속도, (다운로드 요청하는 동안에 걸리는) 지연 시간인 것임.  

 

• Fast 3G: 1.6mb/s, 750kb/s, 562.5ms
• Slow 3G: 500kb/s, 500kb/s, 2000ms
• Offline: 0, 0, 0

<사용자 지정 프리셋>

사용자 지정 Presets

1. GPRS : 50, 20, 500
2. Regular 2G : 250, 50, 300
3. Good 2G : 450, 150, 150
4. Regular 3G : 750, 250, 100
5. Good 3G : 1000, 750, 40
6. Regular 4G : 4000, 3000, 20
7. DSL : 2000kb , 1000kb, 5ms
8. WiFi : 30000kb, 15000kb, 2ms 👈 젤 빠름

네트워크 속도 값이 높을수록 프리셋이 빠름.

속도 값이 동일하다면 지연 시간이 더 낮은 프리셋이 더 빠름

 

---

https://stackoverflow.com/questions/48367042/in-chrome-dev-tools-what-is-the-speed-of-each-preset-option-for-network-throttl

https://developer.chrome.com/docs/devtools/network/