Firefox Performance analysis tool page speed download install

Page Speed performs several tests on the Web server configuration and front-end code of the site. These tests are based on a set of best practices that are known to enhance Web page performance. A site administrator who runs page speed on a Web page gets a set of scores for each page and useful suggestions on how to improve the performance of the Web page.
Edit this paragraph using Page speed
With Page speed, you can:
Make your site faster;
Make Internet users always follow your website;
Reduce your bandwidth costs and hosting costs;
Improve the network.

1: Open the Firefox browser, the upper left corner of the menu options, select the tool to select Add-ons into the component interface Search Firebug, the first of the results of the search, the right side of the installation button to install.

(1)

(2)

(3)

2: Install and download pagespeed for installation. Download Address: Https://developers.google.com/speed/pagespeed/download?hl=zh-CN

3: Download to the computer and then click the button to install directly, there is a hint to choose is OK. Once installed, the Firefox toolbar will have a little more spider logo on it.

4: Open your Site page and so on after loading click on the spider logo click the analysis button or F12 to analyze the site. Page speed will be graded according to Webperformance best Practices (Web-based performance). Each item is then ranked according to the important program and priority.

Page speed features and effects
Annotations to the rule score
For each rule, there are two kinds of scores: A numeric score of 100 or less, and a green, yellow, and red color score, which is a raw score used to mark the current page's performance under the current rule, based on some quantified dimensions, such as the total number of DOM elements, or the number of files downloaded, The color score is a combination of the number score and the weight of the rule, which is a composite parameter that combines the potential impact factors with the difficulty of implementation. This means that there is no one-to-one correspondence between the numeric score and the color score, for example, a case where a score of 0/100 is converted to a color score is a yellow color value, if the weight of the rule is not that high. Therefore, you should always use color scores as the basis for more authoritative judgments.
The following is a description of the color score:
High priority (red origin): These suggestions mean that relatively small development costs can be in exchange for very large potential performance gains, and you should focus on these items first;
Medium priority (red triangle): These suggestions mean smaller output or more difficult implementation, and you should focus on these items;
Good or low priority (green tick): If there are suggestions (show A +), then they may only have very small outputs, and you can look at these items after you have completed the higher-priority recommendations.
Just a bit of information (blue exclamation marks), it could be that these entries could not be applied on the current page or there were minor problems in the testing process.
Tip: If you have a lot of information in the results of your test, it's probably because you tried to analyze the page before it was fully loaded, and then you can click Re-analysis to re-analyze the page.
Overall score Annotations
Pagespeed also gives an overall digital score and color score, and the digital score is the settlement result of all the digital scores for the current page, based on the weights of all the rules (including and blue information, which are not scored entries). The color score is based on the number of green, yellow, and red results calculated according to certain rules.