Интеграция 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).

Другие вопросы по тегам