Google Lighthouse Audit を使用して速度を向上させる方法

あなたはおそらく次のような話をよくご存じでしょう。WordPress ブログを高速化する方法を読んで、そのためのツールや無料のプラグインをインストールするのに多くの時間を費やしています。その後、あなた (またはあなたのクライアント) がページの 1 つに一見小さな変更を加えると、ページ速度が突然崖から落ちます。

Web サイトの速度を改善することに真剣に取り組んでいる場合は、速度を定期的にチェックする必要があります。そうすれば、この問題をすぐに見つけることができます。ただし、変更を加えるたびに WordPress サイトの速度を自動的にチェックできる方法があれば、なお良いでしょう。ありがたいことに、解決策があります。

その解決策は、WordPress サイトの速度監査をオンデマンドで実行するように Google Lighthouse を構成することです。この設定は少し時間がかかるかもしれませんが、上級ユーザーにとってはそれほど複雑ではありません。この記事では、WordPress サイトに Lighthouse CI を設定する理由と方法について説明します。

WordPress スピードテストの紹介

まず、WordPress サイトのスピードテストが必要な理由と、そのために利用できる標準的な方法を詳しく見てみましょう。

Web サイトが WordPress ベースであるかどうかにかかわらず、高速である必要がある理由は基本的に 2 つあります。 1 つは単純に、平均的な Web ユーザーの注意持続時間はすでに非常に短く、消費者の 47% は Web ページが 2 秒以内に読み込まれることを期待しており、読み込みに時間がかかりすぎるとすぐにページを放棄してしまうということです。このため、ロード時間の短縮は、特に e コマースストアにとって重要な関心事です。

2 番目の理由は少し技術的ですが、重要なことは同じです。 Google は 2010 年以来、サイトの速度をランキングのシグナルとして活用してきました。その結果、Web サイトの速度は、Google SearchRank でページがどの程度上位に表示されるかについて、これまで以上に重要な要素となっています。

このため、Google 独自の PageSpeed 分析情報は、Google 検索アルゴリズムがページ速度を評価するシステムに直接アクセスできるため、SEO スペシャリストやマーケティング担当者がよく使用する重要なツールとなっています。

これらの考慮事項は、他のプラットフォームで実行されているサイトと同様に、WordPress にも当てはまります。このため、また WordPress の市場優位性により、現在ではサイトの速度をテストするために利用できるツールがいくつかあります。これらのチェックは、ブラウザベースの 1 回限りのチェックから、WordPress サイトのすべてのページがどのように実行されているかの詳細な概要を提供するフル機能のデスクトップソフトウェアスイートまで多岐にわたります。

Google ライトハウスとWordPress

ウェブサイトの速度と全体的な品質を評価するための最も重要で人気のあるツールの 1 つは、Google Lighthouse です。ごく最近まで、Lighthouse は開発者やその他の技術者によってほぼ独占的に使用されていました。しかし、Google は平均的なユーザーがアクセスできるようにするために懸命に努力しており、提供する高度な自動化により、速度テストツールとしての人気が高まっています。

Lighthouse は、認証が必要かどうか、WordPress で実行されているかどうかに関係なく、あらゆるページに対して実行できます。一連のユーザー定義のテストが実行され、ページのパフォーマンスに関するレポートが生成されます。

これらのレポートを使用して、Web ページの速度などの全体的な品質を向上させることができます。

Lighthouse は Chrome DevTools から直接実行できますが、継続的に更新されるツールのバージョンもあります。これは Lighthouse CI として知られており、より上級ユーザーが必要とする Lighthouse のバージョンになります。

この文脈における CI は、継続的インテグレーションの略です。これは、ソフトウェアの更新が開発者によって中央リポジトリに継続的にアップロードされるソフトウェア開発パラダイムであり、ユーザーは常に最新バージョンにアクセスできます。 CI は現在、多くの Web テクノロジーや業界で標準となっています。たとえば、銀行アプリケーションの 43% は、CI ベースのコンピュータープログラミング言語である COBOL でプログラムされています。

CI がどこでも普及しない理由の 1 つは、CI が重大なセキュリティ問題を引き起こすという (そして多くの場合根拠のない) 思い込みが依然として広く存在しているためです。しかし実際には、CI は自動化されたセキュリティ強制を提供する実践のおかげで、より安全なソフトウェアシステムにつながる可能性があります。

Lighthouse CI を使用して WordPress サイトの速度を監査する理由はたくさんありますが、最も役立つ理由の 1 つは、サイトが更新または変更されるたびに自動的に実行されるように Lighthouse CI を設定できることです。これは Lighthouse の予算を使用して実行でき、サイトのさまざまな部分に対して多数のオーダーメイドの速度テストを定義できます。

さらに、この自動システムを使用して、サイトの (またはクライアントの) WordPress サイトへの展開を遅くするような変更を防ぐこともできます。これにより、コストのかかる変更が PageRank スコアに影響を与えることが自動的に防止されます。

WordPress で Lighthouse CI を使用する

WordPress サイトで実行するように Lighthouse CI をセットアップするプロセスは複雑ではありませんが、少し複雑です。

プロセスの概要を知りたい人、またはもう少し技術的な知識がある人のために、プロセスの基本的な概要を次に示します。

まず、WordPress サイトへの変更を追跡するために、新しい GitHub リポジトリをセットアップする必要があります。とにかく定期的にサイトの速度をテストしている場合、Lighthouse CI を使用しているかどうかに関係なく、このようなリポジトリを設定することはサイトを追跡するための優れた方法です。
次に、Lighthouse CI をダウンロードし、変更を検出するように設定する必要があります。その後、WordPress サイトで URL が変更されるたびに自動的に実行される Lighthouse アクションを構築できます。
この関数を構築するには、XML サイトマップから最近変更された URL で Lighthouse CI アクション構成を更新できる別の Google Cloud 関数を作成し、新しい構成をリポジトリに送信する必要があります。

この時点で、Lighthouse CI のインスタンスが WordPress サイト上で自動的に実行され、計画した変更によって速度が低下すると警告が表示されます。ここから、自動アクションを GitHub リポジトリに追加して、このタイプの変更がサイトに公開されるのを防ぐこともできます。

Lighthouse CI を使用して WordPress サイトの速度を向上させる最良の代替案は、Web ホスティングに組み込まれている速度テストツールを利用することです。 SiteGround や Kinsta などの最も一般的な WordPress ホストには、サイト速度が 200% 以上向上すると主張する特定の速度テストツールが付属しており、必要に応じて Lighthouse CI と組み合わせて使用することもできます。

最終的な考え

Lighthouse CI を WordPress サイトにインストールする最終的な目的は、Lighthouse CI のパフォーマンスをより適切に監視できるようにすることです。このパフォーマンスの向上には役立ちません。

ページが Lighthouse のパフォーマンス予算を継続的に超えている場合は、対策を講じる時期が来ています。 WordPress ページを最適化する方法に関するガイドをよく読んでください。あるいは、WordPress を高速化できる CDN サービスを調査するというより大胆なステップに踏み出すこともできます。

どちらのアプローチをとる場合でも、Web サイトの成功にはスピードが重要であることを念頭に置いてください。定期的に監査を行ってください。