Here is some helpful information about Retool's performance debugging tools when facing issues with performance in web applications.
Performance Score:
The Performance tab located in the debug console in an application compiles app statistics directly related to performance. It's a useful tool for measuring the effectiveness of optimization and refactoring improvements.
The performance score is calculated using the query stats and app size values and linearly interpolating between p50 and p95 values gathered across Retool. For example, an app that is more performant than 95% of all apps across Retool achieves a perfect score for that category.
Network Speed test:
Next let’s look at Speed Tests. Select. This will display network details as shown in the following figure.
The results of this test show a download speed of 147.78 Mbps or Megabits per second which is quite good for most online activities. For example, you could stream 4K content smoothly on multiple devices without buffering, online gaming will run smoothly, with low latency, etc.
CPU Test:
Next we should understand what the performance of the CPU is as this impacts performance of JS processing, CSS processing etc.
Details of Speedometer show its use to help evaluate the performance using browser tests. The previous image is an example of running the Speedometer on a Macbook Pro M1 processor where the result provides a relative value. For most laptops, a value between 20 and 30 would be common. The higher the value, the more performance the processor provides. If this value is between 0 and 20, the CPU ranked lower in browser performance and could impact the performance of Retool apps, running in a browser. Make sure to close other CPU intensive apps and tabs. This will help get the most reliable score!