PageSpeed Insights com relatórios
Execute testes de desempenho em dispositivos móveis e desktop para seu site implantado usando o Google PageSpeed Insights v5 com relatórios organizados para seu processo de construção.
$ npm install psi
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 do PSI 2.x, expomos as pontuações de velocidade e usabilidade do PageSpeed Insights. Este último é baseado em regras de usabilidade que pontuam uma página com base em fatores como a presença de uma janela de visualização móvel sensata.
Retorna uma promessa para os dados de resposta do Google PageSpeed Insights.
Tipo: string
URL da página para a qual a API PageSpeed Insights deve gerar resultados.
Tipo: Object
Tipo: string
Padrão: nível gratuito
Ao usar este módulo para um processo de criação em nível de produção, é recomendável registrar-se para obter uma chave de API no Google Developer Console.
Tipo: string
Padrão: mobile
Valores: desktop
mobile
Estratégia a ser usada ao analisar a página.
Tipo: string
Padrão: en_US
Os resultados de localidade devem ser gerados em.
Tipo: number
Padrão: 70
Pontuação limite para passar no teste PageSpeed. Útil para definir um orçamento de desempenho.
Tipo: boolean
Padrão: false
Se aprovado, adiciona links com mais informações sobre oportunidades. Útil para verificar documentação sobre oportunidades.
Envie o relatório formatado para o terminal.
Retorna uma promessa para os dados de resposta do Google PageSpeed Insights.
url
e options
são iguais a psi()
.
$ 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
Um exemplo de projeto Gulp usando PSI está disponível.
Se você usa o Grunt, grunt-pagespeed
é uma tarefa de James Cryer que usa PSI nos bastidores.
Para testar projetos locais, recomendamos usar psi-ngrok
ou ngrok
.
As tiras de filme são retornadas pela API v5 como uris de dados, mas a ferramenta psi não as expõe no CLI. Se você deseja obter tiras de filme (ou quaisquer detalhes de auditoria), você pode solicitar psi
e obtê-los no 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 ) ;
} ) ( ) ;
Apache-2.0 - Direitos autorais 2015 Google Inc.