How to use Google Page Speed Tool

Introduction of Google Page Speed Tool

 

For higher visitor engagement, retention and conversions you need fast and optimized pages. The Page Speed family of tools is designed to help optimize performance of your website. Further down is a Google page speed tool, how to use Google page speed tool and how does it works.

 

It is worth noting that Google Page Speed tool is an online tool that helps developers optimize their webpages by analyzing their pages and getting tailored suggestions to make their pages faster. You can use page speed insights API to pro-grammatically generate page speed scores and suggestions.

Google page speed tool

 

Before you start

 

Get a Google account: you need a Google account so as to get an API key to identify your application to Google. You should also first get used to page speed tool.

 

Learn how to identify your application to Google

 

You application needs to identify itself any and every time it sends a request to the page speed insight API, by including an API key with each request.

 

Acquiring and using an API key

 

Go to the Google cloud console and select a project. In the sidebar on the left select APIs and auth. In the displayed list of APIs, make sure the page speed insights API status is set to on.

 

In the sidebar on the left select registered apps select an application. Expand the browser key or server key sections. After you have an API key your application can append the query parameter key=yourAPIkeyto all request Urls; It does not need any encoding.

 

Page speed insight API background

 

Results returned by page speed insights include the following types of information:

 

Score: a high score indicates little room for improvement with a low score indicating enormous room for improvement.

 

Rule: page speed rule is based on general principles of webpage performance.

 

Rule result: this is a suggestion generated by a rule that if implemented, would make the page faster.

 

Rule impact: each rule generates an impact number that indicates the importance of priority of implementing the rule-result suggestions for the page.

 

The API key is safe for embedding in Urls

 

Insights on page speed will help you identify performance best practices that can be applied to your site, and page speed optimization tools that help you automate the process.

 

Analysis

 

Page Speed insights measure the performance of a page for mobile devices and desktop devices. Urls are fetched twice: once with a mobile user-agent and once with a desktop-user agent.

 

The page speed score runs from 0-100 points. A score of 85 and above indicates the page is running well. However, page speed is improving day by day so the scores will fluctuate with time.

 

Page speed insights measures how the page can improve its performance on:

 

Time to above-the-fold load: elapsed time from the moment a new page and to the moment the above-the-fold content is rendered by the browser.

 

Time to full page load: time taken for a page to be fully rendered by a browser.

 

Nevertheless, since network connection performance varies considerably, page speed insights only considers network independent aspects of the page…

 

Performance: server configuration, HYML structure of a page and its use of external resources such as images, JavaScript and CSS. Implementing suggestions should relatively improve performance of the page, though still dependent on a user`s network connection.

 

Page Speed insights browser integration

 

Available as an open-source browser extension for Google chrome and Firefox. Webmasters and web developers can use page speed insights to evaluate performance of their webpages and perhaps get some tips on how to improve them.

 

Page speed insights performs several tests on a site`s web server configuration and front web code. These tests are based on a set of best practices known to enhance web page performance. By following suggestions given after running page speed you can make your site run faster and keep internet users engaged with your site, reduce your bandwidth and hosting costs and improve the web.

 

Google chrome

 

In chrome page speed insights extension runs in the chrome developer tools.

 

It supports Mac OS X (x 86), Linux (x 86 and x 64) and Windows (Xp and higher).

 

Firefox

 

In Firefox(4.0 and higher) page speed insights extension runs in the firebug web development tool (1.7 and higher).

 

It supports Mac Os X (x86 and x64), Linux (x86 and x64) and Windows Xp and higher.

 

Page Speed insights periodically check for updates. If available, the browser will give you the option of downloading the new version.

 

Run page insights against your webpages

 

Follow instructions above for where to find page speed in your respective browser. When done, run page speed against your webpages and open page insights and click on analyze performance. Once done you will get a performance report on that page.

 

Page speed will also present you with a set of rules and recommendations. Point on the rules and understand their backgrounds before you start to change script and resources on your pages.

 

Get familiar with the tool. There are a number of features easily accessible from menus of the extension. In particular, for the Firefox extension in the top tab called “page speed”, a caret next to text gives you the ability to set preferences on how page speed run and where it saves optimized resources.

 

Optimization

 

By using page speed, you improve web page latency and bandwidth usage by changing resources on that web page to to implement web performance best practices.

 

Optimizations are implemented individually as custom filters in page speed, which are executed when the HTTP servers serve the website assets. Some filters simply after the HTML content and other filters change preferences to CSS, JavaScript or images to point to more optimized versions.

 

It also helps implement custom optimization strategies for each type asset referenced by the website, to make them smaller reducing the loading time and extend the cache lifetime of each asset.

 

Optimizations include combining and magnifying JavaScript and CSS files, in lining small resources and others. It also optimizes images by removing unused Meta data from each file, resizing images to specified dimensions and re-encoding images to be served in the most efficient format available to the user.

 

Page speed ships with a set of core filters designed to safely optimize the content of your site without affecting the look or behavior of your site. In addition it provides a number of more advanced filters which can be turned on by the site owner to gain higher performance improvements.

 

It can also be deployed and customized for individual websites, as well as being used by large hosting providers and CDNs to improve performance of their sites lower latency of their pages and decrease bandwidth usage.

Leave a Reply