psi

psi

PageSpeed ​​Insights con informes

Ejecute pruebas de rendimiento en dispositivos móviles y de escritorio para su sitio implementado utilizando Google PageSpeed ​​Insights v5 con informes ordenados para su proceso de construcción.

Instalar

 $ npm install psi

Uso

 const psi = require ( 'psi' ) ;

( async ( ) => {
  // Get the PageSpeed Insights report
  const { data } = await psi ( 'https://theverge.com' ) ;
  console . log ( 'Speed score:' , data . lighthouseResult . categories . performance . score ) ;

  // Output a formatted report to the terminal
  await psi . output ( 'https://theverge.com' ) ;
  console . log ( 'Done' ) ;

  // Supply options to PSI and get back speed
  const data2 = await psi ( 'https://theverge.com' , {
    nokey : 'true' ,
    strategy : 'desktop'
  } ) ;
  console . log ( 'Speed score:' , data2 . data . lighthouseResult . categories . performance . score ) ;
} ) ( ) ;

A partir de PSI 2.x, exponemos las puntuaciones de velocidad y usabilidad de PageSpeed ​​Insights. Este último se basa en reglas de usabilidad que califican una página en función de factores como la presencia de una ventana gráfica móvil sensible.

API

psi(url, [opciones])

Devuelve una promesa para los datos de respuesta de Google PageSpeed ​​Insights.

URL

Tipo: string

URL de la página para la cual la API de PageSpeed ​​Insights debería generar resultados.

opciones

Tipo: Object

llave

Tipo: string
Predeterminado: nivel gratuito

Cuando utilice este módulo para un proceso de compilación a nivel de producción, se recomienda registrarse para obtener una clave API desde Google Developer Console.

estrategia

Tipo: string
Predeterminado: mobile
Valores: desktop mobile

Estrategia a utilizar al analizar la página.

lugar

Tipo: string
Predeterminado: en_US

Los resultados locales deben generarse en.

límite

Tipo: number
Predeterminado: 70

Puntuación umbral para pasar la prueba PageSpeed. Útil para establecer un presupuesto de rendimiento.

campo de golf

Tipo: boolean
Predeterminado: false

Si se aprueba, agrega enlaces con más información sobre oportunidades. Útil para consultar documentación sobre oportunidades.

psi.salida(url, [opciones])

Envíe el informe formateado al terminal.

Devuelve una promesa para los datos de respuesta de Google PageSpeed ​​Insights.

url y options son las mismas que psi() .

CLI

 $ npm install --global psi

 $ psi --help

  Usage
    $ psi <url>

  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

  Example
    $ psi https://addyosmani.com --strategy=mobile

Casos de uso comunes

Incorporar PSI a su proceso de construcción.

Está disponible un proyecto Gulp de muestra que utiliza PSI.

Si usas Grunt, grunt-pagespeed es una tarea de James Cryer que usa PSI bajo el capó.

Para probar proyectos locales, recomendamos usar psi-ngrok o ngrok .

Obtener tiras de película

La API v5 devuelve las tiras de película como uri de datos, pero la herramienta psi no las expone en el cli. Si desea obtener tiras de película (o cualquier detalle de auditoría), puede solicitar psi y obtenerlas del objeto audits :

 const psi = require ( 'psi' ) ;

( async ( ) => {
  // Get the PageSpeed Insights report
  const { data } = await psi ( 'https://theverge.com' ) ;
  console . log ( data . lighthouseResult . audits [ 'screenshot-thumbnails' ] . details . items ) ;
} ) ( ) ; 

Licencia

Apache-2.0 - Copyright 2015 Google Inc.