Page History

...

How to bring up the inspection tool and developer tools

Open To open the tools in any of the following ways:  

• • Press F12.
  • Press Ctrl+Shift+I.
  • Click on the ellipsis ... in the upper right corner of the screen, then click More tools > Developer tools.
    
    
    
  • Right-click on a blank area on the screen then click Inspect. 
    
    
    
    

...

Status - This is the status code of the HTTP request. Below are some common codes:
Status code 200 means the interface request is successful.
Status code 500 refers to the server side.
Status code 401 or 403 means insufficient permission to request the API.
Status code 503 means the server program is being updated and released, and that it is temporarily unavailable. The update will take a few minutes and the user has to try again.

Size - This is the size of the data returned by the server. A smaller data returned by the API means that the network transmission time and the waiting time of the user front end will be shorter.
Time is the total time it takes to finally return the data. This indicator directly reflects the performance of the interface. More complex processing logic for the interface means more time is consumed. A bigger data returned by the server also results in longer time consumption. In both cases, this means longer processing and response time leads to a worse user experience.

Waterfall - This is used to analyze what causes a request to consume a long time and focuses on waiting for server response, which is the server-side processing time. This includes the total processing time of business programs and databases.

If the response time of an API is taking a while, it may be because the business logic is complex and requires a longer processing time. Another reason is that the SQL is complex and the writing grammar is not optimized, which leads to slower database execution. Executing all SQL commands during this period will be slow.

Content Download. After processing, the server will transmit the data back to the browser through the network. This will take time.

If there are too many API requests, you can output the API name keyword to filter the API to be checked.

...