自動車は「○○馬力」や「トルク△△kgf・m」といったように、スペックが数値化されていて、その車がどれくらい速いのかパフォーマンスがわかりやすいですが、ホームページはあまり数値化されていませんので、自社のホームページのパフォーマンスがどれくらいかわかりにくく、どこを強化すればいいかもわかりにくいと思います。

また、制作会社にパフォーマンスの向上を依頼しても、どれくらいパフォーマンスが上がったか、本当にパフォーマンスが上がったのかどうかもわかりにくいです。実際、いろいろなお客様を見てきましたが、制作会社にパフォーマンスの向上を依頼したのに全然パフォーマンスが上がっていなかったというケースがたくさんあります。

ホームページの制作・リニューアルをするために制作会社を選ぶ際も、自動車に例えるなら50馬力のホームページしか作ることができないのに、1000馬力出せるようなことを言っている制作会社もあり、そのような制作会社を選んでしまって失敗している会社もたくさんあります。

このように、お客様からすると、ホームページを数値化できないのは、様々な弊害があります。

そこで今回はホームページのパフォーマンスを数値化してくれるLighthouseをご紹介したいと思います。

LighthouseはGoogleが提供しているツールなので、信頼性が高く、これからホームページを運営していく上で明確な基準の一つになります。

Lighthouseならホームページのパフォーマンスがひとめでわかる

Lighthouseを使うとホームページのパフォーマンスがどれくらいか以下の4つの指標で評価してくれます。

  1. パフォーマンス
  2. アクセシビリティ
  3. ベストプラクティス
  4. SEO

それぞれ100点中何点なのか評価してくれるので、そのホームページがどれくらいのパフォーマンスなのかひとめでわかります。

自社のホームページの現在のパフォーマンスや弱点を調べたり、ライバルサイトのパフォーマンスを調査したり、ホームページの制作を依頼するか際に、いくつか制作会社の候補があれば、それぞれの制作会社のホームページを分析すれば、その制作会社の実力がわかるので、業者選びにも役立ちます。

※2019年6月7日現在、分析結果の説明は英語だけのようです。

PageSpeed Insightsとの違い

以前ご紹介したPageSpeed Insightsとの違いは、PageSpeed Insightsはページの読み込みに特化していたのに対して、Lighthouseはページのホームページのパフォーマンスを総合的に評価するというのが大きな違いがあす。

そのため、まずLighthouseで総合的にパフォーマンスを分析して、ページの読み込みを強化したいと思ったら、PageSpeed Insightsでさらに詳細な分析を行うと良いと思います。

Lighthouseの導入方法

コマンドラインで使用することもできるみたいですが、Chromeの拡張機能で使用した方が使いやすいと思います。

Chromeでこちらを開いて、「Chromeに追加」ボタンをクリックすると、拡張機能として追加されます。

Lighthouseの使い方

ChromeにLighthouseを追加すると、アドレスバーの右側にLighthouseのアイコン(Lighthouseのアイコン)が追加されます。

Chromeでパフォーマンスを調べたいページを開いて、このアイコンをクリックすると、そのページのパフォーマンスを計測することができます。

Lighthouseの活用方法

もちろん全ての項目の点数が高いに越したことはありませんが、最も重要なのはあなたの会社のホームページの目的に合った項目のパフォーマンスがしっかり出ているかです。

重視している部分については、最低でも80点以上、できれば90点以上取りたいところです。

1つの項目の点数を高くするために、別のことが制限されてしまうこともあり、例えば、Lighthouseにはデザインの項目がありませんが、WEBデザインのテクニックで、それぞれの項目が減点されてしまう手法もあるため、デザイン方法が制限されます。

WEBデザインとLighthouseの点数を両立させるためには、高いスキルとノウハウが必要になり、またどのバランスがベストかは会社によってケースバイケースになりますので、あなたの会社に合ったバランスと方法をお選びいただければと思います。

あとがき

今回Lighthouseをご紹介しましたが、第三者の機関で、しかもWEBのトップに君臨するGoogleが、このように公正な評価をがわかるツールを公開してくれると、お客様にとってもどこが良いホームページ制作会社かどうかわかりやすくなりますし、我々ホームページを制作する側にとっても実力を証明することができるので、非常にありがたいことだと思っています。

ちなみにハルリのホームページの評価は次の通りです(2019年6月7日現在)

ハルリのLighthouseでの評価

どれも90点を超えていて、SEOは100点を取っています。

ハルリでは、1つの要素だけを高くするのではなく、全ての要素を高い次元で実現させた質の高いホームページの制作を行っています。

パフォーマンスの高いホームページの制作はハルリにお任せください。