カテゴリー
WordPress

[WordPress] ページスピード評価に使うPageSpeed Insightsの測定指標について – 少し解説

[WordPress] ページスピード評価に使うPageSpeed Insightsの測定指標について – 少し解説
スポンサーリンク
by Google Ads ID24747
スポンサーリンク
by Google Ads ID8603

初めに

2021/12/04
サイトのスピードを評価するには、GoogleのPage Speed Insights (PSI)が使われます。PSIでは、以下の指標が測定されます。これらの指標の1〜4までは、以下に解説されている順にそのイベントが発生し測定されて行きます。指標5は、1〜4の合計です。指標6は、2021年に追加された画面の表示状態に関する指標で、スピードを直接的に測定するものではなく、「見た目の指標」であることを測定する指標になっています。

スポンサーリンク
by Google Ads ID19417

測定すべき重要な指標

スポンサーリンク
by Rakuten ID:15895

以下の解説は、web.devの解説の和訳ですが、分かりにくい部分があったので少し修正追記しています。

ユーザーを指標としたパフォーマンス指標 – web.dev –

https://web.dev/user-centric-performance-metrics/#how-metrics-are-measured
  1. First Contentful Paint (視覚コンテンツの初期表示時間、FCP): この指標は、ページの読み込みが開始されてから、ページのコンテンツのいずれかの部分が画面にレンダリング(が完了)されるまでの時間を測定します。(ラボ環境, 実際のユーザー環境)
  2. Largest Contentful Paint (最大視覚コンテンツの表示時間、LCP): この指標は、ページの読み込みが開始されてから、最もサイズの大きいテキスト ブロックまたは画像要素が画面にレンダリング(が完了)されるまでの時間を測定します。(ラボ環境, 実際のユーザー環境)
  3. First Input Delay (初回入力までの遅延時間、FID): この指標は、ユーザーが最初にサイトを操作したとき (リンクをクリックしたり、ボタンをタップしたり、JavaScript を使用して実装されたカスタム コントロールを使用したりしたとき) から、その操作に実際に応答するまでの時間を測定します。(実際のユーザー環境)
  4. Time to Interactive (操作可能になるまでの時間、TTI): この指標は、ページの読み込みが開始されてから視覚的なレンダリングが完了し、初期スクリプトが (あれば) 読み込まれ、ユーザーの入力に対してすばやく確実に応答できるようになるまでの時間を測定します。(ラボ環境)
  5. Total Blocking Time (合計ブロック時間、TBT): この指標は、長時間に渡りメイン スレッドがブロックされ、入力の応答性が妨げられることで発生する FCP と TTI の間の(各指標の)時間の合計を測定します。(ラボ環境)
  6. Cumulative Layout Shift (累積レイアウト シフト数、CLS): この指標は、ページの読み込みが開始されてからページのライフサイクルの状態が hidden に変わるまでの間に発生した予期しないレイアウト シフトの累積スコアを測定します。(ラボ環境, 実際のユーザー環境)

編集履歴

2021/12/04, Mr. Harikiri

スポンサーリンク
  • by Amazon ID13211
  • by Amaozn ID13196
スポンサーリンク
  • 【Amazon.co.jp 限定】HP USBメモリ 128GB USB 3.1 スライド式 金属製 HPFD796L-128 GJP by Amazon - ID 24751
  • 3Dプリンター ダヴィンチ Jr. 1.0(造形サイズ15×15×15cm) - 環境に優しい土に返るPLAフィラメント - ダビンチ Jr. 1.0 XYZプリンティングジャパン by AMAZON ID21513
  • 3Dプリンター|ダヴィンチ1.0 pro|オートキャリブレーション機能付|オープンフィラメント可|ABS対応|造形サイズ20×20×20cm|レーザー刻印機能拡張可|積層ピッチ0.02mm~|3F1AWXJP00F - XYZプリンティングジャパン by AMAZON ID21511
  • ABS使用可 造形サイズ175×175×175mm オープンフィラメント可 オートキャリブレーション機能付き レーザー刻印機能拡張可 金属系PLA拡張可 3FJSPXJP00G - ダビンチ Jr.Pro X+ XYZプリンティングジャパン by AMAZON ID21509
  • zedela 5-in-1 USB-Cハブ【3ポート5Gbps by Amazon - ID 24751
スポンサーリンク

用語の解説、関連タグ付き投稿の抽出

PageSpeed Insights

スポンサーリンク
by Google Ads ID24747

Update ID21920

world
[ナレッジ] 日本を知るために「世界の状況」を日々追加する [2021/08 〜 2021/12]

Post Views: 15 ID31203 2021/12 イスラエル、新型コロナウイルスの変異株の実行再生産数は7人と高くワクチン摂取4回目を決定 イギリス、新型コロナワクチン・オミクロン株に対する2回摂取したケース […]

BIOLOGICS, company, vaccine
[Vc] 各社が開発したCOVID-19ワクチン情報リンク – [2021/10/08]

BioNTech社とPfizerが共同開発するmRNAをベースの新型コロナウイルス感染症に対するワクチンです。開発ワクチンは、SARS-CoV-2受容体結合ドメイン(receptor binding domain; RBD)をコードするヌクレオチド修飾メッセンジャーRNAをベースにしている(BNT162b2)

english
今日の英語 – 新型コロナウイルス関連 – 発熱(した) ; developed fever [2022/01/20]

Post Views: 0 developed fever ; 発熱(した) 新型コロナウイルス感染者が発熱した過去の時期を示す際、時系列で示す簡略化された表などで表現する場合に用いることができます。 例えば、 2022 […]

更新された投稿の最新順

スポンサーリンク
by Google Ads ID19417
スポンサーリンク
  • by Amazon ID13339
  • by Amazon ID19245
スポンサーリンク

スポンサーリンク
by Google Ads ID24747

最新記事(WordPress, ID:14681)

WordPress
[WordPress] ページスピード評価に使うPageSpeed Insightsの測定指標について – 少し解説

Post Views: 5 初めに 2021/12/04サイトのスピードを評価するには、GoogleのPage Speed Insights (PSI)が使われます。PSIでは、以下の指標が測定されます。これらの指標の1 […]

plugin, WordPress
[WP-Plugin] WP-Optimizeのキャッシュ機能はW3 Total Cacheに変更 ID19320 [2021/10/25]

Post Views: 29 ID19320 キャッシュ プラグイン サイト読み込みの高速化にはキャッシュを使用することが1つの方法です。約1年前にW3 Total Cache (W3TC)をテストしたことがあります。当 […]

Synology, WordPress
[Synology] Let’s Encription 証明書をインポートで設定が失敗した結果、遠隔ログインができなくなった場合の対処法 [2021/10/18]

Post Views: 19 ID32737 はじめに Synology NASでは、色々なサーバーを立ち上げることができます。blogもその他SynologyのアプリもInternet経由で出先から接続できるのですが、 […]

スポンサーリンク
by Google Ads ID19417
site setting, Synology, WordPress
[Synology] RT2600ac – FAQ – アクセスログが残っていない – ID30977 [2021/08/12]

Post Views: 34 RT2600ac管理FAQ アクセス・ログが残っていない 考えられる理由は以下の通り ログの保管場所が設定されていない 外部メモリ(SDカード、USBメモリ)を変更した 編集履歴 2021/ […]

plugin, site setting, WordPress
はりきり(Mr)のプログ・書き方のスタイル – 適当にやっているように見えても最終目的はブレないスタイルはある – ID30216 [2021/05/30]

Post Views: 55 はりきり(Mr)のブログ・メンテナンス・スタイル 適当です。毎日、決まった時間に発信することはありません。ボリュームもまちまちです。気が向いて、興味があることがあった時に、まず、ざっと書きま […]

plugin, WordPress
[WordPress] [link] 記事表示のカスタマイズ – パンクズリストを表示させる – ID30029 – [2021/05/19]

Post Views: 38 パンクズリスト パンクズリストは、サイトで移動した履歴です。表現形態は、フォルダーのパスのようなものです。 パングスリストをサイトに表示させる方法が、「kinsta」に解説されています。方法 […]

Page: 1 2 24
スポンサーリンク

スポンサーリンク
by Google Ads ID24747

その他記事(ALL-RANDOM, ID:16786)

KNOWLEDGE
i.v. ; 静脈投与 – 投与方法

Post Views: 73 i.v. ; iv投与; 静脈投与; intravenous administration

BIOLOGICS, guidance
[Bio-Edu] Good Manufacturing Practice (GMP) guidelines – ID4226 [2020/07/26]

Post Views: 60 EudraLex – Volume 4 – Annex-13 EudraLex – Volume 4 – Good Manufacturing […]

スポンサーリンク
by Google Ads ID19417
BIOLOGICS, company
気になる企業 – LFB group – 血漿分画製剤、遺伝子組換え凝固因子、抗体医薬は抗Dを持つ – ID15618 [2020/05/23]

Post Views: 51 LFB groupについて source LFB SA LFB home page LFB Biotechnologies (完全子会社) GTC Biotherapeutics (完全子会 […]

スポンサーリンク

スポンサーリンク
by Google Ads ID:11143(2)

- 以下のツールに敬意を示します -
Support to AMP (Accelerated Mobile Pages) by official AMP plugin for WordPress, and compatible powered by
Post viewing : Flex Posts - Widget and Gutenberg Block