0

株式会社オノフ

Google LightHouse 検証検証方法

  • 1

    シークレットウィンドウを開く

  • 2

    計測したいページを開く

  • 3

    「検証」ボタンを選択

  • 4

    言語設定の確認

  • 5

    「LightHouse」のページを開く

  • 6

    検証の対象機器を選択

  • 7

    検証開始

  • 8

    完了

株式会社オノフ

レシピをつくる
株式会社オノフ
Google LightHouse 検証検証方法
2022/02/21 06:03 に作成
Google LightHouse 検証検証方法

1シークレットウィンドウを開く

Chromeを開き、右上のメニューボタンより「新しいシークレットウィンドウ」を選択

シークレットウィンドウを開いて下さい。

※検証環境を一定にするため。

スクリーンショット 2022-02-21 151651.png

2計測したいページを開く

シークレットウィンドウを開いたら、計測対象のページを開きます。

スクリーンショット 2022-02-21 150709.png

3「検証」ボタンを選択

ページの空白部にマウスを合わせ、右クリックを押す。

「検証」を選択

スクリーンショット 2022-02-21 151735.png

4言語設定の確認

右上の「設定」をボタンを選択

スクリーンショット 2022-02-21 151749.png

言語の部分にて、閲覧したい言語を設定

スクリーンショット 2022-02-21 151800.png

言語設定が完了したら、リロードをお願い致します。

言語が切り替わります。

スクリーンショット 2022-02-21 153041.png

5「LightHouse」のページを開く

「LightHouse」を選択し、ページを開く

スクリーンショット 2022-02-21 151850.png

幅が狭い場合は、「>>」を押してください。

メニューに「LightHouse」が出てきます。

スクリーンショット 2022-02-21 153202.png

6検証の対象機器を選択

検証したい機器を「モバイル」「パソコン」より選択下さい。

スクリーンショット 2022-02-21 151817.png

7検証開始

「レポートを作成」を押すと検証が開始されます。

スクリーンショット 2022-02-21 151907.png

スクリーンショット 2022-02-21 151921.png

8完了

レポートが表示されます。

下にスクロールしていくと、改善事項も出てきますので参照下さい。

スクリーンショット 2022-02-21 151932.png
  • トースターチームマニュアル&ナレッジ管理アプリ