Интеграция Google Pagespeed Insight API

Question

Я пытаюсь встроить api pagespeed Insight в мой веб-сайт WordPress, поэтому, когда клиент приходит, он может проверить скорость своего веб-сайта, используя понимание скорости страниц.В основном, я хочу поместить текстовое поле с кнопкой (например, https://developers.google.com/speed/pagespeed/insights/), которая использует API или функцию определения скорости страницы Google и отображает результат на моем веб-сайте .... Возможно ли это?если да, как я могу это сделать?

Answer 1

Да, это возможно.Вы можете 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).