Chapter 25

サイトの品質をチェックする

Lighthouseでの品質検証

サイトの品質を検証するツールとしてGoogleの提供するLighthouseというツールがあります。
パフォーマンス、SEOなどをスコアリングしてくれ、作成したサイトの品質を確認することができます。
以下の手順で検証ができます。

  1. Google Chromeで公開したサイトを開きます
  2. ページ内で右クリックを押し、「検証」を選びます
  3. 表示されるメニューの中からLighthouseを選び「Generate report」を押します

本書で作成したサイトはすべての項目で満点を取ることができました!
※ 検証ごとに多少スコアが上下することはあります。
lighthouse.png

各種指標

スコアリングされている指標は以下の通りになります。
改善点がある場合は、その項目と対処方法が記載されるので目を通してみましょう。

指標 説明
Performance パフォーマンスについての指標です。ページが表示されるまでの時間や操作できるようになるまでの時間などがチェックされます。
Accessibility アクセシビリティ、様々な人が同じようにWebページを利用できるようになっているかの指標です。低いコントラスト比やフォントサイズの小さい文字が使われていないかなどがチェックされます
Best Practicies サイトを構築するためのベストプラクティスがなされているかの指標です。HTTPSやHTTP2を通信に用いているかなどがチェックされます。
SEO 検索エンジンがWebページの情報を読み取れるようにサイトのメタ情報が設定されているかがチェックされます。