Calculation method for how many people the server bandwidth can carry at the same time - view the data size of all resources on the current web page in the browser - high concurrent loads of the customer service system [unique customer service]...

How to view the data size of all resources on the current webpage in the browser

In the "Network" tab of the developer tools, you can see details of all requests and responses, including the size of each resource. If you need to check the total size of all resources on a web page, you can follow the steps below:

1. Open the webpage you want to view.
2. Open the developer tools and switch to the "Network" tab.
3. Refresh the web page and wait for the developer tools to log all requests and responses.
4. In the developer tools, find the "Size" column, you can see the size of each resource in bytes.
5. In the status bar at the bottom, you can see the total size of all resources, as well as information such as loading time. If you can't see the status bar, you can open it by clicking the "Show drawer" button in the lower right corner of the developer tools.

Note that the total size may vary over time, as resources within a page may be loaded asynchronously. In addition, the total size also includes some resources that may not be the web page itself, such as advertisements or analysis scripts.

The bottom row is the total

28 requests

703 kB transferred

1.7 MB resources

Finish: 1.64 s

DOMContentLoaded: 716 ms

Load: 1.53 s

• 28 requests: 28 requests were sent during the webpage loading process, including HTML, CSS, JavaScript, images and other resources.
• 703 kB transferred: A total of 703 KB of data was transferred, which includes the data size of all requests and responses.
• 1.7 MB resources: The total resource size of the webpage itself is 1.7 MB, which is the sum of all resources (including cached resources).
• Finish: 1.64 s: The loading time of the webpage is 1.64 seconds, that is, the time from sending the first request to the completion of loading all resources.

• DOMContentLoaded: 716 ms: Indicates the trigger time of the DOMContentLoaded event, which is an event triggered by the browser when the HTML and DOM structures of the web page are loaded. After this point in time, JavaScript code on the web page can start executing. In this example, the DOMContentLoaded event fires at 716 milliseconds.
• Load: 1.53 s: Indicates the trigger time of the Load event, which is an event triggered by the browser after all resources (including pictures, styles, JavaScript, etc.) are loaded. After this event fires, all content on the page has fully loaded and the user can start interacting. In this example, the Load event fires at 1.53 seconds.

We mainly focus on 703k transferred

• 703 kB transferred: Refers to the total size of all resources downloaded by the browser from the server during the webpage loading process, including HTML, CSS, JavaScript, images, etc.
• 1.7 MB resources: refers to the total size of the resources of the web page itself, including the sum of all resources such as HTML, CSS, JavaScript, pictures, etc. This size includes the resources cached by the browser.

That is, 703 /1.5 is the data transmitted per second, and the unit of 468 is k

If the bandwidth is 5Mbps, that is, 5 * 1024 per second, the unit of 5120 is k

5120 / 468 = 10.94017094017094 is about 10 people open this page at the same time every second

If it exceeds, the bandwidth will be full, and it will not be able to open, but this is theoretically refreshing the page at the same time. Under normal circumstances, they will be staggered, and after entering the page, there are only very few interface resources for sending and receiving messages, so there is no problem with dozens of people online.