caring!ShareTweetPinLighthouse(ライトハウス)は、Googleが提供しているChrome拡張で、Webページのパフォーマンスや品質向上のための検査を自動で行ってくれるオープンソースのツールです。作ったWebページを多くの人に見てもらうためには、ストレスのないユーザーフレンドリなページに仕上がっていることは必須です。ユーザーフレンドリーで使い易いコードを書けているかを自分で調べるには、豊富な最新の知識も時間も必要です。PCとモバイルでも違います。右上のボタンを押すだけで自動で様々な項目を調べてスコアを出してくれます。Google謹製だけあって結構深く、新しい。こんな便利なツールを使わない手はありません。ChromeのDevツールに既に実装されてたらしい。Chromeならインストール不要で使えるっ!、というわけで以下はChromeの拡張機能にインストール場合の説明です。下記URLからChromeの拡張機能にインストールします。https://chrome.google.com/webstore/detail/lighthouse/blipmdconlkpinefehnmjammfjpmpbjk?hl=ja下記ページの右上の「Chrome追加」ボタンを押すとインストールできます。該当ページを開いて、右上のLighthouseアイコンをクリックするだけです。調査してくれる項目は大きく次の4つです。それぞれ詳細なチェック項目があって採点とアドバイスを返してくれます。PracticersSEOスコアは100円満点で0-49が赤、50-89がオレンジ、90-100が緑で表示されます。各項目ごとの詳細なリファレンスは以下から辿れるのでここには書きません。いくつも並べるまでは様々な苦労もあり、まぁ、ここまでスコアを上げるテクニックも手に入れたのですが、その辺はまたあとで。Insightsでみるとこうなります。素のWordPressが出力するコードはゴテゴテですが、AMPで出力すると、かなり良くなります。