Google pagespeed Insight API集成

Question

我正在尝试将pagespeed Insight api集成到我的wordpress网站中，所以当客户来时，他可以使用pagespeed洞察来检查他的网站速度。基本上我想放一个带有按钮的文本框（像这个https://developers.google.com/speed/pagespeed/insights/），它使用google page speed insight api或功能，并在我的网站显示速度结果....有可能吗？如果是的话我该怎么做？

Answer 1

是的，这是可能的。您可以使用URL编码来fetch()此端点：https://www.googleapis.com/pagespeedonline/v5/runPagespeed?url=

编辑：当然，您也可以使用AJAX to 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瞬态）。