Public Repository

Last pushed: 2 months ago
Short Description
PageSpeed Insights with reporting
Full Description

Usage

docker run --rm fgribreau/psi image-charts.com --strategy=mobile --threshold=54

PageSpeed Insights with reporting

Run mobile and desktop performance tests for your deployed site using Google PageSpeed Insights V2 with tidy reporting for your build process.

Install

$ npm install --save psi

Usage

const psi = require('psi');

// get the PageSpeed Insights report
psi('theverge.com').then(data => {
  console.log(data.ruleGroups.SPEED.score);
  console.log(data.pageStats);
});

// output a formatted report to the terminal
psi.output('theverge.com').then(() => {
  console.log('done');
});

// Supply options to PSI and get back speed and usability scores
psi('theverge.com', {nokey: 'true', strategy: 'mobile'}).then(data => {
  console.log('Speed score: ' + data.ruleGroups.SPEED.score);
  console.log('Usability score: ' + data.ruleGroups.USABILITY.score);
});

As of PSI 2.x, we expose both the PageSpeed Insights speed and usability scores. The latter is based on usability rules that score a page based on factors like the presence of a sensible mobile viewport.

API

psi(url, [options])

Returns a promise for the response data from Google PageSpeed Insights.

url

Type: string

URL of the page for which the PageSpeed Insights API should generate results.

options

Type: object

key

Type: string<br>
Default: Free tier

When using this module for a production-level build process, registering for an API key from the Google Developer Console is recommended.

strategy

Type: string<br>
Default: mobile<br>
Values: mobile, desktop

Strategy to use when analyzing the page.

locale

Type: string<br>
Default: en_US

Locale results should be generated in.

threshold

Type: number<br>
Default: 70

Threshold score to pass the PageSpeed test. Useful for setting a performance budget.

psi.output(url, [options])

Output the formatted report to the terminal.

Returns a promise for the response data from Google PageSpeed Insights.

url and options is the same as psi().

CLI

$ npm install --global psi
$ psi --help

  Usage
    $ psi <url>

  Example
    $ psi todomvc.com --strategy=mobile

  Options
    --key        Google API Key. By default the free tier is used.
    --strategy   Strategy to use when analyzing the page: mobile|desktop
    --format     Output format: cli|json|tap
    --locale     Locale results should be generated in.
    --threshold  Threshold score to pass the PageSpeed test.
    --optimized  Get the URL of optimized resources.
    --download   Download optimized resources.

Getting PSI into your build process

A sample Gulp project using PSI is available.

If you use Grunt, grunt-pagespeed is a task by James Cryer that uses PSI under the hood.

For testing local project, we recommend using ngrok.

License

Apache-2.0 - Copyright 2015 Google Inc

Docker Pull Command
Owner
fgribreau

Comments (0)