How to measure the resource intensity of an html application?

Question

JavaScript

The essence of the question is to measure the full resource intensity of the html application (RAM consumption, load on the video adapter, processor)

What are the ways to measure the system requirements of the html application? It is desirable to measure only the resources that the application itself eats, not taking into account the resources that the browser takes. I would also like to observe the measurement in real time.

Timeline in chrome doesn't work for me. Are there other ways that could meet the above criteria?

Answer 1

There is no such thing as an html application.
An application is just text (code) that is transmitted from the server to the client, and nothing more.
It is interpreted by the browser. It <b>foo</b>makes the word foo bold.
For this reason, if you want to understand how much your application will load the user's computer, you need to look at the resource intensity of the browser in which your application will spin.
The simplest client for your application is the console client w3m, which, as you might guess, will not affect the resources of the computer and its video card at all.
But let's check it out.
Empty Chrome with one tab google.ru
↓
The browser itself ate 100 megabytes and ate the same amount for the tab.
↓
Let's look at a similar tab in w3m.
If it is important for you how fast your application will work for the client, then you need to watch the application work in a specific browser, with a specific video card, amount of memory, etc.

Answer 2

You launch the browser. You spot.
You launch the application.
The whole difference is what is needed for the application to work.
The browser does not just eat resources, but for the sake of the application.