Chrome网络日志分析（记一次排查问题收获）

Chrome Network底层日志可以这么查：

• chrome://net-export/记录日志
• https://netlog-viewer.appspot.com/#import分析日志
  image.png

请求各阶段说明

• Queueing. The browser queues requests when:
  • There are higher priority requests.
  • There are already six TCP connections open for this origin, which is the limit. Applies to HTTP/1.0 and HTTP/1.1 only.
  • The browser is briefly allocating space in the disk cache
• Stalled. The request could be stalled for any of the reasons described in Queueing.
• DNS Lookup. The browser is resolving the request's IP address.
• Proxy negotiation. The browser is negotiating the request with a proxy server.
• Request sent. The request is being sent.
• ServiceWorker Preparation. The browser is starting up the service worker.
• Request to ServiceWorker. The request is being sent to the service worker.
• Waiting (TTFB). The browser is waiting for the first byte of a response. TTFB stands for Time To First Byte. This timing includes 1 round trip of latency and the time the server took to prepare the response.
• Content Download. The browser is receiving the response.
• Receiving Push. The browser is receiving data for this response via HTTP/2 Server Push.
• Reading Push. The browser is reading the local data previously received.

参考资料

1、https://fex.baidu.com/blog/2015/01/chrome-stalled-problem-resolving-process/
2、https://developers.google.com/web/tools/chrome-devtools/network/reference#timing-explanation
3、https://stackoverflow.com/questions/27740692/request-stalled-for-a-long-time-occasionally-in-chrome
4、https://stackoverflow.com/questions/27513994/chrome-stalls-when-making-multiple-requests-to-same-resource
5、https://bugs.chromium.org/p/chromium/issues/detail?id=447463
6、https://dev.chromium.org/for-testers/providing-network-details