First, a brief introduction tool
- F12 can be used for website interface, performance testing, bug positioning
To www.baidu.com example:
Elements: see page element properties (multi-element positioning for automation)
Console: log information (for front end positioning problem)
Sources: page all resources (test is not commonly used)
Network: analog capture obtain information, you can check request packets and response packets and loading time (common)
Performance: Performance Tools page
Memory: Follow-up supplement (test yet used)
Application: Follow-up supplement
Security: Follow-up supplement
Audits: Follow-up supplement
Two, Network Comments (common)
- See Network basic information, which requests a network-related address information and each URL request to the URL can be seen, the response status code, the type of response data, the response data size and response time
- When the network requests partial correlation functions available for testing
Preserve log: When you choose to keep logs, reload the url of the current interface before requesting display of resource information will be retained, not empty
Disable cache: take effect when you open the Developer Tools, open the switch, the resources are not cached page, you can see the file request from the status bar codes Status
Online: Set simulation speed, as shown in FIG. In case of speed settings of different users can be simulated in various network environments to access this page of
- Waterfall can be time-consuming segmentation important request to see specific request which took place in
Specifically, we analyze under which each of the delegates What do you mean, how many were time-consuming to analyze by the server in the end is which aspects of a problem:
Queueing is queued meaning
Stalled is blocking access to the host requesting the URL is time consuming and concurrent connection limit, and before and after the execution must wait to perform, this time
DNS Lookup DNS refers to the time taken
Initial connection initiates the connection time, there is usually TCP 3 times a connection handshake time
SSL https unique, is an agreement
Request sent the transmission request time consumed
Waiting time waiting for a response, here are generally the most time-consuming
Content Download download content needs to consume time