pagespeed APIのレスポンスを取得したい

###pagespeed APIの情報を取得したい
検索結果のプレビューを表示するChrome extensionを制作しています．

やりたいこと
・コンソールにレスポンス(pagespeedで取得した情報)を表示したい．
・取得した情報から画像情報を抜き出す．
参考：GoogleのPagespeedapiを使ってWebサイトのスクリーンショットを取る方法
参考：GoogleのPageSpeedAPIで複数サイトの表示速度をGoogleスプレッドシートに書き出す

やってみたこと
・pagespeedAPIのリンク？をhttp通信getで投げてみました．※jsonパースしていないです．

js
1$(document).ready(function(){
2  var APIkey = 'MYKEY';
3  var url = 'http://www.yahoo.co.jp/';
4  var requestA = 'https://www.googleapis.com/pagespeedonline/v2/runPagespeed?url=' + url + '&key=' + APIkey + '&strategy=descktop';
5
6  const request = new XMLHttpRequest();
7  request.open("GET", requestA);
8  request.addEventListener("load", (event)=>{
9    var result = request.response;
10    console.log(result);
11  });
12  request.send();
13})
14

###エラー
failed to load resource the server responded with a status of 400
がchromeのコンソールに出ています．

どのように対処したらよいでしょうか？

行動規範の内容に同意します

回答1件

ベストアンサー

failed to load resource the server responded with a status of 400

ステータスコードが400(400 Bad Request)です。
こういう時は公式ドキュメントをまず確認します。
Pagespeedapi: runpagespeed

strategy string The analysis strategy to use
Acceptable values are:
"desktop": Fetch and analyze the URL for desktop browsers
"mobile": Fetch and analyze the URL for mobile devices

質問文で渡しているリクエストは以下です。