すべてのカテゴリ

1. Lighthouse（ライトハウス）とは？Lighthouse（ライトハウス）は、Google Chrome に標準で入っている「ウェブサイト診断ツール」です。自分のサイトや作成中のページに対して、表示速度（パフォーマンス）SEO（検索エンジン対策）ユーザビリティ（モバイル対応など）アクセシビリティ（見えづらい人・操作しづらい人への配慮）コードや構造がベストプラクティスに沿っているかどうかといった項目を、自動でチェックしてスコア化してくれます。「なんとなく重い気がする」「コアウェブバイタルって聞くけど何から見たらいいの？」というときに、まず最初に使ってみると全体の課題がざっくりつかめる便利なツールです。2. どこから使える？Lighthouse の開き方Lighthouse は Google Chrome の「デベロッパーツール（開発者ツール）」の中に入っています。大まかな手順は次のとおりです。診断したいページを Chrome で開く右クリック →「検証」をクリック（または F12 キー）画面右（もしくは下）に「デベロッパーツール」が開く上部のタブから「Lighthouse」または「Audits」と書かれたタブを選択測定したい項目・デバイス（モバイル／デスクトップ）を選んで「Analyze」「Generate report」などのボタンを押すしばらく待つと、自動でページを読み込み直しながら計測が始まり、レポート画面が表示されます。3. Lighthouse で何がわかるのか？Lighthouse の結果画面には、主に次のような項目が表示されます。3-1. パフォーマンス（