Learn more
Get Started
Documentation
- Page Speed rules (alphabetical)
Using Page Speed for Google Chrome
- Installing Page Speed
- Running Page Speed
- Understanding Page Speed performance scores
- Uninstalling Page Speed
Installing Page Speed
Important: Before installing Page Speed for Chrome, you need to enable the Chrome experimental extension APIs.
To install Page Speed for Chrome:
- In a new tab, navigate to about:flags
- Scroll down to Experimental Extension APIs and click Enable.
- Scroll to the bottom of about:flags and click Relaunch Now for the changes to take effect.
- After enabling Experimental Extension APIs and restarting your browser, click here to install Page Speed for Chrome.
- Once installed, Page Speed for Chrome will be available in the Chrome Developer Tools. See below for additional details on running Page Speed.
Note: If, during installation, an Extension Install Failure occurs, with message 'Loading extensions with 'experimental' permission requires --enable-experimental-extension-apis command line flag', this indicates that the Experimental Extension APIs were not properly enabled. Follow the instructions above and make sure to restart your browser for the changes to take effect.
Running Page Speed
Page Speed generates its results based on the state of the page at the time you run the tool. To ensure the most accurate results, you should wait until the page finishes loading before running Page Speed. Otherwise, Page Speed may not be able to fully analyze resources that haven't finished downloading.
To profile a page with Page Speed, open the web page in Google Chrome. Then take the following actions:
- Select the Wrench menu
at the top-right of your browser window, then select Tools -> Developer tools. - In Chrome Developer Tools, click the Page Speed tab to display the Page Speed welcome screen:
- Navigate to the web page you want to analyze. Wait until the page finishes loading.
- Click Run Page Speed. When the page is analyzed, Page Speed displays the list of web performance best practices, sorted by importance/priority for this page.
- Click on any of the rules to see specific suggestions for improvement:
Understanding Page Speed performance scores
For each rule, Page Speed gives specific suggestions for improvement. Page Speed also gives the page an overall Page Speed score.
Understanding scores and suggestions
For each rule, there is a color-coded score (green, yellow, or red).
Here's how to interpret the color-code scores:
- High priority. These suggestions represent the largest potential performance wins. You should address these items first.
- Medium priority. These suggestions may represent smaller wins or much more work to implement. You should address these items next.
- Working fine or low priority. If suggestions are displayed, as indicated by a bold-text rule name, they probably represent minor wins. You should only be concerned with these items after you've handled the higher-priority ones.
Understanding the total score
Page Speed also gives you a total numeric and color-code score. The numeric score indicates how much room for improvement there is for the current page. A high overall score indicates little room for improvement, while a lower score indicates more room for improvement.
Uninstalling Page Speed
To uninstall Page Speed:
- In Chrome, select the Wrench menu at the top-right of your browser window, then select Tools -> Extensions.
- In the window that appears, select Page Speed and click Uninstall.
- Restart Chrome.
No comments:
Post a Comment