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
URL-адрес страницы, для которой API PageSpeed Insights должен генерировать результаты.
Тип: Object
Тип: string
По умолчанию: уровень бесплатного пользования.
При использовании этого модуля для процесса сборки производственного уровня рекомендуется зарегистрировать ключ API в консоли разработчика Google.
Тип: 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
Доступен пример проекта Gulp с использованием PSI.
Если вы используете Grunt, grunt-pagespeed
— это задача Джеймса Крайера, внутри которой используется PSI.
Для тестирования локальных проектов мы рекомендуем использовать psi-ngrok
или ngrok
.
Диафильмы возвращаются API версии 5 как URI данных, но инструмент psi не отображает их в интерфейсе командной строки. Если вы хотите получить диафильмы (или какие-либо данные аудита), вы можете запросить 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 – © Google Inc, 2015 г.