psi Download - psi -Quellcode herunterladen

psi

Anderer Quellcode

4.1.0

Herunterladen

psi

PageSpeed Insights mit Reporting

Führen Sie mit Google PageSpeed Insights v5 mobile und Desktop-Leistungstests für Ihre bereitgestellte Website durch und erhalten Sie übersichtliche Berichte für Ihren Erstellungsprozess.

Installieren

 $ npm install psi

Verwendung

 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 ) ;
} ) ( ) ;

Ab PSI 2.x stellen wir sowohl die Geschwindigkeits- als auch die Benutzerfreundlichkeitswerte von PageSpeed Insights zur Verfügung. Letzteres basiert auf Usability-Regeln, die eine Seite anhand von Faktoren wie dem Vorhandensein eines sinnvollen mobilen Darstellungsbereichs bewerten.

API

psi(URL, [Optionen])

Gibt ein Versprechen für die Antwortdaten von Google PageSpeed Insights zurück.

URL

Typ: string

URL der Seite, für die die PageSpeed Insights API Ergebnisse generieren soll.

Optionen

Typ: Object

Schlüssel

Typ: string
Standard: Kostenloses Kontingent

Wenn Sie dieses Modul für einen Build-Prozess auf Produktionsebene verwenden, wird die Registrierung für einen API-Schlüssel über die Google Developer Console empfohlen.

Strategie

Typ: string
Standard: mobile
Werte: mobile desktop

Strategie zur Verwendung bei der Analyse der Seite.

Gebietsschema

Typ: string
Standard: en_US

Gebietsschema-Ergebnisse sollten in generiert werden.

Schwelle

Typ: number
Standard: 70

Schwellenwert zum Bestehen des PageSpeed-Tests. Nützlich zum Festlegen eines Leistungsbudgets.

Links

Typ: boolean
Standard: false

Wenn bestanden, werden Links mit weiteren Informationen zu Möglichkeiten hinzugefügt. Nützlich zum Überprüfen der Dokumentation zu Opportunities.

psi.output(url, [Optionen])

Geben Sie den formatierten Bericht an das Terminal aus.

Gibt ein Versprechen für die Antwortdaten von Google PageSpeed Insights zurück.

url und options sind die gleichen wie bei 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

Häufige Anwendungsfälle

Integrieren Sie PSI in Ihren Build-Prozess.

Ein Beispiel-Gulp-Projekt mit PSI ist verfügbar.

Wenn Sie Grunt verwenden, ist grunt-pagespeed eine Aufgabe von James Cryer, die PSI unter der Haube verwendet.

Zum Testen lokaler Projekte empfehlen wir die Verwendung von psi-ngrok oder ngrok .

Filmstreifen besorgen

Filmstreifen werden von der v5-API als Daten-URIs zurückgegeben, das Psi-Tool stellt sie jedoch nicht auf der CLI bereit. Wenn Sie Filmstreifen (oder Audit-Details) erhalten möchten, können Sie psi anfordern und diese vom audits -Objekt abrufen:

 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 ) ;
} ) ( ) ;