Loading article…
Google PageSpeedは、 Google社[1]が開発したツールファミリーで、ウェブサイトのパフォーマンスを最適化するために設計されています。[2] 2010年の開発者会議で発表されました。[3] [4] PageSpeedファミリーツールには、主に4つのコンポーネントがあります。
- PageSpeedモジュール（ Apache HTTP Server用のmod PageSpeed [5]とNginx用のNGX PageSpeed [6]で構成）[7]
- ページスピードインサイト
- ページスピードサービス
- PageSpeed Chrome DevTools 拡張機能。これらのコンポーネントは、Google の Web パフォーマンスのベスト プラクティスからの逸脱を識別し、自動的に修正することを目的としています。
ページスピードモジュール
PageSpeedモジュールはオープンソースの Apache HTTP ServerまたはNginxウェブサーバーモジュールで、選択されたフィルターをページ、関連アセット（スタイルシート、JavaScript、HTMLファイルなど）、画像、ウェブサイトのキャッシュ要件に自動的に適用します。これらのモジュールは既存のコンテンツやワークフローを変更する必要がなく、[8]すべての内部最適化とファイルの変更はサーバー側で行われ、変更されたファイルが直接ユーザーに提示されます。40以上のフィルターはそれぞれ、Googleのウェブパフォーマンスのベストプラクティスルールの1つに対応しています。
PageSpeedモジュールはオープンソースのライブラリであるため、世界中の多くの開発者によって頻繁に更新されています。個々のサイト、ホスティングプロバイダー、CDNによって導入できます。[9]
インストールは、パッケージから、または次のサポートされているプラットフォーム上のソースからビルドする 2 つの方法で実行できます。
ポート
Google の Page Speed SDK に基づく PageSpeed 最適化モジュールを提供するその他のサーバー:
- Apache Traffic Server - ATSページ速度[10]
- マイクロソフトインターネットインフォメーションサービス- IIS WebSpeed [11]
フィルター
PageSpeed モジュール フィルターは、Web ページの最適化ルールを適用する際の基準となる設定です。フィルターは、主に次の 5 つのカテゴリに分類できます。
- スタイルシートの最適化
- Javascriptファイルの最適化
- 画像の最適化
- HTMLの最適化
- アクティビティフィルターの追跡
速度の影響
PageSpeed モジュールは、業界の他のオプションと比較して、ウェブページの読み込み時間、ペイロード サイズ、リクエスト数の削減に最も大きな効果を示しました。複数の研究者によると、「mod_pagespeed」により、読み込み時間が最大 80% 削減され、回線上のバイト数が 30% 削減され、リクエストの総数が 20% 以上減少します。Google を含む多くの検索エンジンは、ページの読み込み速度に影響を受けるランキング アルゴリズムを採用しているため、これらの最適化は検索結果でのウェブサイトの順位に影響を与える可能性があります。[12] [13] 2015 年 2 月現在、Google は、読み込み時間が一定時間を超えるウェブサイトに対してモバイル デバイスで「遅い」ラベルのテストを開始しており[14]、開発者はページの読み込み速度を上げる方法を検討するよう促されています。
Googleは、モバイルページの読み込み時間が1分遅くなるごとに、コンバージョン率が20%低下すると推定しています。[15]
ページスピードインサイト（PSI）
PageSpeed Insights (PSI) は、モバイル デバイスとデスクトップ デバイスの両方で Web ページのパフォーマンスを分析する Google の無料ツールです。ページの速度と全体的なユーザー エクスペリエンスを向上させる方法についての提案を提供します。
データと指標
PSI は主に 2 種類のデータを利用します。
- ラボ データ:ユーザー エクスペリエンスをシミュレートするために Lighthouse を使用して制御された環境で収集されます。パフォーマンスの問題のデバッグに役立ちます。
- フィールド データ: Chrome ユーザー エクスペリエンス レポート (CrUX) データセットから収集された実際のユーザー エクスペリエンス データ。このデータには、First Contentful Paint (FCP)、Largest Contentful Paint (LCP)、Interaction to Next Paint (INP)、Cumulative Layout Shift (CLS) などの指標が含まれます。
リアルユーザーエクスペリエンスデータ
PSI は CrUX データを活用して、実際のユーザー エクスペリエンスに関する洞察を提供します。28 日間にわたるさまざまな指標をレポートします。
- First Contentful Paint (FCP):最初のコンテンツがページ上にレンダリングされるまでにかかる時間。
- Largest Contentful Paint (LCP):ページのメイン コンテンツをレンダリングするのにかかる時間。
- インタラクションから次のペイントまで (INP):ユーザーがページを操作してからページがインタラクティブになるまでにかかる時間。
- 累積レイアウトシフト (CLS):ページの読み込み中にユーザーが経験する予期しないレイアウトシフトの量を測定します。
- 最初のバイトまでの時間 (TTFB) (実験的):ブラウザがサーバーから応答の最初のバイトを受信するのにかかる時間。
- 初回入力遅延 (FID) (非推奨):ユーザーの操作がページに反映されるまでにかかる時間を測定します (Google では推奨されなくなりました)。
PSI は、Web Vitals のしきい値に基づいて、これらの指標を「良好」、「改善が必要」、「不良」の 3 つのカテゴリに分類します。
コアウェブバイタル
フィールド データ メトリックのサブセットであるCore Web Vitals は、優れたユーザー エクスペリエンスを実現するために重要です。これには、LCP、INP、CLS が含まれます。PSI はこれらのメトリックを分析して、ページが Core Web Vitals の評価基準を満たしているかどうかを判断します。これらは SEO ランキング シグナルとしても使用されます。
ラボ診断
PSI はLighthouseを使用して、シミュレートされた環境で Web ページを分析します。パフォーマンス、アクセシビリティ、ベスト プラクティス、SEO などのさまざまなカテゴリのスコアと推奨事項を提供します。パフォーマンス カテゴリには、FCP、LCP、CLS、対話時間などのメトリックが含まれ、それぞれにスコアと改善提案があります。
全体として、PSI は、Web サイトの所有者や開発者がパフォーマンスのボトルネックを特定し、Web ページのユーザー エクスペリエンスを向上させるための貴重なツールです。
PageSpeed Chrome 拡張機能
Pagespeed拡張機能はChromeブラウザの拡張機能であり、 Google Chromeデベロッパーツールの一部です。PageSpeedを定期的に使用する訪問者は、PageSpeed Insightsが提供するすべての指標をブラウザで直接表示し、ウェブパフォーマンスのベストプラクティスに従って最適化されたウェブページリソースをダウンロードできます。現在は非推奨となっており[16]、Googleは代わりにオンラインバージョンを使用することを推奨しています。
ページスピードサービス
PageSpeedサービスはGoogle Inc.が提供する商用製品でした。このサービスは公式にはベータ版であったため、無料で提供されていました。サービスには、すべてのPageSpeedモジュールの最適化とGoogleサーバーのインフラストラクチャの使用が含まれていました。[17] Googleは2015年5月5日にPageSpeedサービスの廃止を発表し[18]、2015年8月3日にサービスを停止しました。[19]
参照
参考文献
- ^ 「PageSpeed Insights について」。Google Developers 。2022 年 8 月 13 日閲覧。
- ^ Ivanovs, Alex (2014 年 4 月 16 日). 「PageSpeed モジュール: ウェブサイトのパフォーマンスを向上させる」. huffingtonpost.com/ . The Huffington Post . 2015 年3 月 23 日閲覧。
- ^ Kerner, Sean Michael (2010 年 11 月 4 日). 「Google が Apache Web Server Module で Web を高速化」. serverwatch.com/news/ . 2015 年3 月 23 日閲覧。
- ^ Ram, Ramani (2011-07-29). 「Page Speed Service: Web performance, delivered」. googlecode.blogspot.com/ . 2015 年3 月 17 日閲覧。
- ^ “Github”. github.com . Google Inc. 2020年8月6日閲覧。
- ^ “Github”. github.com . Google Inc. 2020年8月6日閲覧。
- ^ 「Apache Incubator」。modpagespeed.com/。Google Inc. 2020年8月6日閲覧。
- ^ Edwards, Ben (2014-07-28). 「重要な折り返し部分の CSS の作成」. benedfit.com . 2015 年3 月 23 日閲覧。
- ^ 「PageSpeed Insights SDK」。code.google.com。Google Inc. 2015年3月23日閲覧。
- ^ "ats_pagespeed". iispeed.com/ . IISpeed BV 2015年5月25日時点のオリジナルよりアーカイブ。2015年5月25日閲覧。
- ^ 「IIS WebSpeed」iiswebspeed.com/ . IISpeed BV
- ^ Enge, Eric (2011-03-06). 「ケーススタディ: コードクリーンアップがサイトトラフィックに与える影響」. searchenginewatch.com/ . Search Engine Watch . 2015年3月23日閲覧。
- ^ Kuchler, Margaret (2011 年 5 月 19 日)。「高まるスピードのニーズ: サイトのパフォーマンスが検索ランキングに及ぼす影響」。retailtouchpoints.com /。Retail Touch Points。2015年3 月 23 日閲覧。
- ^ Barry, Shwartz (2015-02-25). 「Google が低速サイトの検索結果に赤い「遅い」ラベルをテスト中」searchengineland.com/ 。2015年3 月 17 日閲覧。
- ^ 「モバイルページの読み込み遅延がコンバージョン損失を引き起こす」。Think with Google 。 2024年5月23日閲覧。
- ^ 「PageSpeed Insights | PageSpeed Insights | Google Developers」。Google Developers 。 2016年9月8日閲覧。
- ^ Lardinois, Frederic (2012 年 8 月 3 日)。「Google が PageSpeed サービスを更新し、「ウェブサイトを高速化」することを約束」。techcrunch.com。The Tech Crunch。2015年3 月 23 日閲覧。
- ^ 「Google グループ」。groups.google.com。2019年2 月 7 日閲覧。
- ^ 「PageSpeed サービスの終了情報 - PageSpeed サービス」。Google Developers。2019年2 月 7 日閲覧。
外部リンク
- ページスピードインサイト
- web.dev 測定