Google PageSpeed Insights API レポートフィールドの整理

PageSpeed Insights APIとは?

PageSpeed Insights APIはGoogleが提供する、コードを使用してウェブサイトの速度を検出するツールです。このツールは基本的にPageSpeed InsightsのAPIバージョンであり、Chromeユーザーの実際の体験スコアを提供するだけでなく、Lighthouseの研究データも含まれています。

どのようにPageSpeed Insights APIを使用しますか?

このAPIを実行する前に、いくつかの前提となる動作があります:

1.Google cloud platformアカウントを作成する
2.そのアカウント内でプロジェクトを作成する
3.そのプロジェクトでPageSpeed Insights APIを有効にする

4.資格情報からAPIキー(key)を取得する

その後、PageSpeed Insights api get started公式例を参照すれば、このAPIを簡単に使用できます。

PageSpeed Insights APIの項目一覧

主項目子項目內容説明書
first-contentful-paintfirst-contentful-paint初回描画時間https://web.dev/first-contentful-paint/
server-response-timeサーバー応答時間https://web.dev/time-to-first-byte/
render-blocking-resourcesレンダリングをブロックするリソースhttps://web.dev/render-blocking-resources/
redirectsリダイレクトhttps://web.dev/redirects/
critical-request-chainsクリティカルリクエストチェーンhttps://web.dev/critical-request-chains/
uses-text-compressionテキストの圧縮を使用https://web.dev/uses-text-compression/
uses-rel-preconnectrel=preconnect を使用https://web.dev/uses-rel-preconnect/
uses-rel-preloadrel=preload を使用https://web.dev/uses-rel-preload/
font-displayフォントの表示https://web.dev/font-display/
unminified-javascript圧縮されていない JavaScripthttps://web.dev/unminified-javascript/
unminified-css圧縮されていない CSShttps://web.dev/unminified-css/
unused-css-rules未使用の CSS ルールhttps://web.dev/unused-css-rules/
total-blocking-timetotal-blocking-time全ブロック時間https://web.dev/lighthouse-total-blocking-time/
long-tasks長期タスクhttps://web.dev/long-tasks-devtools/
third-party-summaryサードパーティの概要
third-party-facadesサードパーティの外観https://web.dev/third-party-facades/
bootup-timeブートアップ時間https://web.dev/bootup-time/
mainthread-work-breakdownメインスレッドの作業の細分化https://web.dev/mainthread-work-breakdown/
dom-sizeDOM のサイズhttps://web.dev/reduce-the-scope-and-complexity-of-style-calculations/
duplicated-javascript重複した JavaScript
legacy-javascript古いJavaScripthttps://philipwalton.com/articles/deploying-es2015-code-in-production-today/
viewportビューポートhttps://developer.chrome.com/blog/300ms-tap-delay-gone-away/
largest-contentful-paintlargest-contentful-paint最大コンテンツ描画時間https://web.dev/lighthouse-largest-contentful-paint/
server-response-timeサーバー応答時間https://web.dev/time-to-first-byte/
render-blocking-resourcesレンダリングをブロックするリソースhttps://web.dev/render-blocking-resources/
redirectsリダイレクトhttps://web.dev/redirects/
critical-request-chainsクリティカルリクエストチェーンhttps://web.dev/critical-request-chains/
uses-text-compressionテキストの圧縮を使用https://web.dev/uses-text-compression/
uses-rel-preconnectrel=preconnect を使用https://web.dev/uses-rel-preconnect/
uses-rel-preloadrel=preload を使用https://web.dev/uses-rel-preload/
font-displayフォントの表示https://web.dev/font-display/
unminified-javascript圧縮されていない JavaScripthttps://web.dev/unminified-javascript/
unminified-css圧縮されていない CSShttps://web.dev/unminified-css/
unused-css-rules未使用の CSS ルールhttps://web.dev/unused-css-rules/
largest-contentful-paint-element最大コンテンツ描画要素https://web.dev/lighthouse-largest-contentful-paint/
preload-lcp-image最大コンテンツ描画画像のプリロードhttps://web.dev/optimize-lcp/#preload-important-resources
unused-javascript未使用の JavaScripthttps://web.dev/unused-javascript/
efficient-animated-content効率的なアニメーションコンテンツhttps://web.dev/efficient-animated-content/
total-byte-weight全体のバイト数https://web.dev/total-byte-weight/
cumulative-layout-shiftcumulative-layout-shift累積レイアウトシフトhttps://web.dev/cls/
layout-shift-elementsレイアウトシフト要素
non-composited-animations非合成アニメーションhttps://web.dev/non-composited-animations/
unsized-images未指定のサイズの画像https://web.dev/optimize-cls/#images-without-dimensions
interactiveinteractiveウェブページの反応時間https://web.dev/interactive/
speed-indexspeed-indexウェブサイトの速度スコアhttps://web.dev/speed-index/

これだけ見ていただけでも、Google PageSpeed Insights APIについてある程度理解できたと思います。私の記事が気に入った方や、今後SEOに関する情報を知りたい方は、私のウェブサイトをフォローしてください。様々な知識を皆さんと共有するために努力していきます:) 

Last Updated on 2月 26, 2024 by 己見室

Comments

No comments yet. Why don’t you start the discussion?

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です