PageSpeed Insights 与报告
使用 Google PageSpeed Insights v5 为您部署的网站运行移动和桌面性能测试,并为您的构建过程提供整洁的报告。
$ 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 ) ;
} ) ( ) ;
从 PSI 2.x 开始,我们公开了 PageSpeed Insights 速度和可用性分数。后者基于可用性规则,根据诸如是否存在合理的移动视口等因素对页面进行评分。
返回对来自 Google PageSpeed Insights 的响应数据的承诺。
类型: string
PageSpeed Insights API 应生成结果的页面的 URL。
类型: Object
类型: string
默认:免费套餐
当将此模块用于生产级构建过程时,建议从 Google 开发者控制台注册 API 密钥。
类型: string
默认: mobile
值: mobile
desktop
分析页面时使用的策略。
类型: string
默认值: en_US
区域设置结果应在中生成。
类型: number
默认值: 70
通过 PageSpeed 测试的阈值分数。对于设置性能预算很有用。
类型: boolean
默认值: false
如果通过,则会添加包含有关机会的更多信息的链接。对于检查有关机会的文档很有用。
将格式化的报告输出到终端。
返回对来自 Google PageSpeed Insights 的响应数据的承诺。
url
和options
与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
可以使用 PSI 的示例 Gulp 项目。
如果您使用 Grunt, grunt-pagespeed
是 James Cryer 的一项任务,它在幕后使用 PSI。
为了测试本地项目,我们建议使用psi-ngrok
或ngrok
。
幻灯片由 v5 API 作为数据 uri 返回,但 psi 工具不会在 cli 上公开它们。如果您想获取幻灯片(或任何审核详细信息),您可以要求psi
并从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 - 版权所有 2015 Google Inc