Welcome toTencent Cloud + community, get more Tencent mass technology practice dry goods oh ~

This post was posted by Shir Shiyue in Cloud + Community

1. Tool introduction

This is a very detailed and professional web page performance analysis tool, and open source! If you can’t open its official website, or are worried about security, you can build the platform tool with the source code yourself.

The performance analysis is extremely detailed, including all the new metrics you know about, as well as some of the tool’s own metrics, such as the Speed Index, that give you a better view of how good a page experience is from a human perspective. It offers access to multiple major browsers, test performance in multiple locations around the world, and video recording capabilities to return to experience. This video feature is excellent for intuitive contrast demonstrations. All in all, there are so many advantages that there is no reason not to try it.

The entrance is here, it looks like this,

Enter your page URL in the first line of the three input boxes above.

In the second line, select your access point. For example, if you want to measure the user access speed in Beijing, select Beijing.

Third line, choose what browser to access.

On the right, click START TEST，，，， and wait patiently.

The results of the analysis are saved, for example, my three URL analysis results are as follows, which can be accessed repeatedly.

Page 1:test.igame.qq.com/pvp/acts/a2… Analyze the results.

Page 2: http://134.175.16.24/vuessr/act/act1/index/hero, the results of the analysis.

Page 3: http://134.175.16.24/newcss/act/act1/index.html/hero, the results of the analysis.

2. Results use and analysis

And when you do that, it looks something like this,

Three runs in all. Every time it’s a First View, there’s no caching.

The Performance Result is an overview of indicators, listing the average values of major new Performance indicators.

Index resolution: the time from entering the URL and pressing Enter to reach the following node.

Bring the Load Time

The window. Onload event is triggered when the page is fully loaded (without waiting for images to download, iframe to download, CSS to update). With the Document complete time.

Bring the DOM Content the Loaded

The HTML DOM skeleton is fully downloaded and parsed, including