こんにちは。コモテック制作チーム デザイナーです。
今回は、Lighthouseについてご説明したいと思います。
Lighthouseとは、
Google Lighthouseは、ウェブページの品質を測定するためのオープンソースの自動ツールです。パブリックまたは認証が必要な任意のWebページに対して実行できます。 Google Lighthouseは、ウェブページのパフォーマンス、アクセシビリティ、検索エンジン最適化を監査します。
引用元 https://en.wikipedia.org/wiki/Google_Lighthouse
Lighthouseでは、以下のようなことがわかります。
Performance
サイトの重さや、読み込み速度を測定します。
こちらは計測時のパソコンの処理能力に左右されやすいため、数値が安定するまで何度か計測し直す時もあります。
Accessibility
altが設定されているか、言語設定や色が見やすいコントラスト比になっているか、視覚障害者向けスクリーンリーダーに対応しているかなど、アクセスのしやすさを測定します。
Best Practices
HTTPSを使用しているか、エラーが出ていないかなど、適切な実装を行っているかどうかを診断します。
SEO
インデックス登録がブロックされていないか、ページタイトルやディスクリプションがあるかなど、SEOに関する診断を行います。
Lighthouseは、googleChromeの拡張機能やブラウザの検証ツールで使用することができます。
計測結果には、解決方法も記載されていますが、そうすることがベストとは限らないので、診断結果を見ながらトライアンドエラーを繰り返していきます。
より最適化されたサイトづくりのために、様々なツールを上手に活用していきます。
