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-paint	first-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-preconnect	rel=preconnect を使用	https://web.dev/uses-rel-preconnect/
	uses-rel-preload	rel=preload を使用	https://web.dev/uses-rel-preload/
	font-display	フォントの表示	https://web.dev/font-display/
	unminified-javascript	圧縮されていない JavaScript	https://web.dev/unminified-javascript/
	unminified-css	圧縮されていない CSS	https://web.dev/unminified-css/
	unused-css-rules	未使用の CSS ルール	https://web.dev/unused-css-rules/
total-blocking-time	total-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-size	DOM のサイズ	https://web.dev/reduce-the-scope-and-complexity-of-style-calculations/
	duplicated-javascript	重複した JavaScript
	legacy-javascript	古いJavaScript	https://philipwalton.com/articles/deploying-es2015-code-in-production-today/
	viewport	ビューポート	https://developer.chrome.com/blog/300ms-tap-delay-gone-away/
largest-contentful-paint	largest-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-preconnect	rel=preconnect を使用	https://web.dev/uses-rel-preconnect/
	uses-rel-preload	rel=preload を使用	https://web.dev/uses-rel-preload/
	font-display	フォントの表示	https://web.dev/font-display/
	unminified-javascript	圧縮されていない JavaScript	https://web.dev/unminified-javascript/
	unminified-css	圧縮されていない CSS	https://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	未使用の JavaScript	https://web.dev/unused-javascript/
	efficient-animated-content	効率的なアニメーションコンテンツ	https://web.dev/efficient-animated-content/
	total-byte-weight	全体のバイト数	https://web.dev/total-byte-weight/
cumulative-layout-shift	cumulative-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
interactive	interactive	ウェブページの反応時間	https://web.dev/interactive/
speed-index	speed-index	ウェブサイトの速度スコア	https://web.dev/speed-index/

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

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