Интеграция Google Pagespeed Insight API
Я пытаюсь интегрировать api pagespeed Insight в мой веб-сайт WordPress, поэтому, когда клиент приходит, он может проверить скорость своего веб-сайта, используя понимание скорости страниц. В основном я хочу разместить текстовое поле с кнопкой (например, https://developers.google.com/speed/pagespeed/insights/), в котором используются API или функции Google Speed Speed Insight и отображать результат скорости на моем веб-сайте.... Возможно? если да, как я могу это сделать?
2 ответа
У меня был такой же сценарий, и я также хотел интегрировать API Google PageSpeed Insights в свой веб-сайт Wordpress. В качестве решения я разработал платный плагин Wordpress. Чтобы было ясно; это не бесплатно, но если вам интересно, вы можете проверить это на торговой площадке Codester.
Да, это возможно. Вы можете fetch()
эта конечная точка с закодированным URL:https://www.googleapis.com/pagespeedonline/v5/runPagespeed?url=
Изменить: Конечно, вы могли бы также AJAX для CURL (или даже CURL при загрузке страницы).
Вот документация: https://developers.google.com/speed/docs/insights/v5/get-started
Я реализовал это без необходимости использования ключа API, но ваш пробег может отличаться.
Вот пример JavaScript:
fetch('https://www.googleapis.com/pagespeedonline/v5/runPagespeed?url=' + encodeURIComponent('https://example.com/')).then(function(response){
return response.json(); //This returns a promise
}).then(function(json){
if ( json && json.captchaResult === 'CAPTCHA_NOT_NEEDED' ){
//Output the data you want to display on the front-end from the json
}
});
API имеет ограниченную скорость, поэтому вы, вероятно, захотите кэшировать результаты в течение определенного периода времени (для этого я использую переходные процессы WordPress).