Google PageSpeed

Goal: To display Google pagespeed metrics for any single or multiple domains. You need not be the owner of the domain you want to track.
 
 
Parameters
"id_list" is an array of domain names. You need to mention the http part, like  http://www.xyz.com or http://www.xyz.org etc
multiple domains can be specified as comma separated values e.g "id_list":["http://www.infocaptor.com","http://www.mockuptiger.com","https://www.wireframes.org"]
 
"id_list":["http://www.mockuptiger.com","http://www.infocaptor.com","https://www.wireframes.org"],
"api_key":"AIzaSyDqMZSwFEcCuGFviFyQHbTh1dKxBEbJCqI"
 
 
 
Examples
  1. Drag the Grid component
  2. Right click on the grid and select "Data Source"
  3. Select Google Pagespeed
  4. Add one or multiple URL as comma separated values
  5. Add your Google API key
 
 
 
 
 
How to display pagespeed score as a Dial chart
 
The pagespeed API displays a lot of information but it is possible to selectively display certain metrics.
 
To do so, we simply add the metrics as comma separated values in the metric_list array as below
 
  1. "id_list":["https://www.wireframes.org","http://www.infocaptor.com"],
  2. "api_key":"AIzaSyDqMZSwE2cCuGFviFyQHssTh1dKxBEbJCqI",
  3. "metric_list":["score"]
 
 
 
We have two domains in the above id_list, and since the Dial can only display a single number, it just picks the first in the list. The other in the id_list is ignored.
 
For the metric_list , we just keep one value "score" which is an overall score.
 
 
 
How to display the metrics on a bar chart
 
Drag the bar chart from the left panel
And select Pagespeed service
 
 
 
You can use the techniques described in other metric sections such as Alexa, Github, Facebook, Twitter, Pagerank, Feedburner etc
Use online Web Dashboards in the cloud or download and host your own Dashboards