Summary: There are two main ideas to improve front-end performance:
1>. Reduce the time required for page loading.
2>. Improve the user's perception and make the user feel that the page is faster.
To reduce the time required for page loading, you can start with the number of requests, request concurrency, and network transmission time, the page is displayed as soon as possible.
Common Front-end performance testing tools:
1. Apache benchmark tool (AB for short). The command is as follows:
AB-C [number of concurrent users]-N [number of requests sent] [URL of the tested Page]
2. firebug Tool
Firebug is a highly-respected and powerful web development tool. It provides a convenient page element viewing function, allowing users to view any page element by means of mouse instructions and Dom trees, allows you to directly debug JavaScript on the console, provides visual CSS rulers for you to adjust the page layout, and provides a network panel, allows users to know the download and execution details of page elements during page loading. The firebug tool also provides excellent extensions.
3. httpwatch Tool
Httpwatch is a Web data analysis tool that can be used in IE and Firefox. Of course, firebug is already a powerful tool on Firefox. on IE, httpwatch is a good choice.
4. Page SPEED TOOL
The page speed tool is a front-end performance optimization tool based on firebug. It was created and released by Google. The page speed tool checks the page based on some rules, and provides corresponding suggestions for finding the problem that can be optimized.
5. dynatrace Ajax edition Tool
Dynatrace Ajax edition is a free tool on windows. It provides powerful front-end performance testing support. It can be seen from the name of the tool that it is mainly developed for a large number of applications using Ajax technology, it will display the total score of the web page and the scoring information of each sub-item
Front-end performance testing tools