Unduh psi - Unduh kode sumber psi

psi

Kode sumber lainnya

4.1.0

Unduh

psi

PageSpeed Insights dengan pelaporan

Jalankan pengujian kinerja seluler dan desktop untuk situs yang Anda terapkan menggunakan Google PageSpeed Insights v5 dengan pelaporan yang rapi untuk proses pembuatan Anda.

Memasang

 $ npm install psi

Penggunaan

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

Pada PSI 2.x, kami memaparkan skor kecepatan dan kegunaan PageSpeed Insights. Yang terakhir ini didasarkan pada aturan kegunaan yang menilai halaman berdasarkan faktor-faktor seperti keberadaan area pandang seluler yang masuk akal.

API

psi(url, [pilihan])

Mengembalikan janji untuk data respons dari Google PageSpeed Insights.

url

Jenis: string

URL laman yang hasilnya akan dihasilkan oleh PageSpeed Insights API.

pilihan

Jenis: Object

kunci

Jenis: string
Default: Tingkat gratis

Saat menggunakan modul ini untuk proses pembangunan tingkat produksi, disarankan untuk mendaftar kunci API dari Google Developer Console.

strategi

Jenis: string
Bawaan: mobile
Nilai: desktop mobile

Strategi yang digunakan saat menganalisis halaman.

lokal

Jenis: string
Bawaan: en_US

Hasil lokal harus dihasilkan.

ambang

Jenis: number
Bawaan: 70

Skor ambang batas untuk lulus tes PageSpeed. Berguna untuk menetapkan anggaran kinerja.

tautan

Jenis: boolean
Bawaan: false

Jika lolos, tambahkan tautan dengan info lebih lanjut tentang peluang. Berguna untuk memeriksa dokumentasi tentang peluang.

psi.output(url, [pilihan])

Keluarkan laporan yang telah diformat ke terminal.

Mengembalikan janji untuk data respons dari Google PageSpeed Insights.

url dan options sama dengan 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

Kasus Penggunaan Umum

Memasukkan PSI ke dalam proses pembangunan Anda.

Contoh proyek Gulp menggunakan PSI tersedia.

Jika Anda menggunakan Grunt, grunt-pagespeed adalah tugas James Cryer yang menggunakan PSI.

Untuk menguji proyek lokal, sebaiknya gunakan psi-ngrok atau ngrok .

Mendapatkan strip film

Strip film dikembalikan oleh API v5 sebagai data uri tetapi alat psi tidak memaparkannya pada cli. Jika Anda ingin mendapatkan strip film (atau detail audit apa pun), Anda dapat meminta psi dan mendapatkannya dari objek 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 ) ;
} ) ( ) ;