株式会社オノフ
株式会社オノフ
Google LightHouse 検証検証方法
2022/02/21 06:03 に作成
![Google LightHouse 検証検証方法](https://toaster-prod.s3.ap-northeast-1.amazonaws.com/uploads/image_preset/fW0vOrIWEnN4TNzrGquRywz4/image/b4400210508212a883234c6d25a4c98b.jpg?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=ASIA3AVTWH7LFVEWCS6R%2F20220821%2Fap-northeast-1%2Fs3%2Faws4_request&X-Amz-Date=20220821T063958Z&X-Amz-Expires=900&X-Amz-Security-Token=IQoJb3JpZ2luX2VjEN7%2F%2F%2F%2F%2F%2F%2F%2F%2F%2FwEaDmFwLW5vcnRoZWFzdC0xIkcwRQIhAI%2FdYoRQivdOKvMOl0QTSMPP4dWIcIFsrwDouxZz1QRwAiB%2B%2FcYBhKiYb9IHBYok3defphtnd0yr7yLfX%2FMD0MjCCiqOBQhXEAMaDDc1NzM2NDgzNDI2MiIMFwR6j5NFKfjXh8YPKusEOPVAWSwfLObs8A24ypGLSue7o6qb6NDKDuLKPMbVBE5XXCf61xwsLnoH%2Bi4y59i2dXxxGtBZd5vwrkcKX64tEmUZhkVVziwAa3vzbqgIp5ElcpbT7QYRZOZ41WhuxCI%2BMWDTxKwH0ksi4rxTiA3BjwUAY8ml5mXqay%2BHyVV2VKtGO%2BKljuCCxYeEqaAJw%2BkYvc4KRi2YCYXsnzvrPGVl01nTdj1a18fz30ixMrff%2FGV%2Fog6RmYiRKJwXTHPt9i3ZsdLb96qhsYIKRAHhpLd4jLdDa81Q0ZbCX1wn3zgHI20qD%2FQubMehKis2Bn%2BCo8fS7MTUr9xWFoMRn6BfHbYSnOlvfIx3E33ILrBoDNUQGdHu9DasVYLDHNU5%2BKQD6ixSb75GjcPDxm4G2%2F1j%2B%2BC0JTswGAF78obayWE52VQT5uQAoIXcS%2B5UkZnhlUPqUY1fUZjRy3POXJmwu3%2BMUwuoSihTK6%2BVWSjovrHBOu9abbMFKNP8V4yV3eb6u7rzJlAFzEygVQWyfdK5TdFoA4dNkiDr8a8drm54OsCNIMV2SQoM89JaMSo1mp%2FbVVVzNgncm6Nc2fcT9rHMA%2Fd9IDlUvgZnEYr3atGNQVr%2B51JObTPv9vN0Wf6GJnJdGtWJIwtOxKBGKFGN7H7aNu0HEgayLrtPHxIpJeb5r9PyxfaRu7r9kef3Tu29sAWr73uVPO2r%2Fj8cXIfTkx5DyH3o8au2%2FG9bVlZhFZmfiA7tgmuhj9bMoIg84PHCHh3Qhnd1yglaDsnXKDO4EYwr7AAVWUDwuFby4t%2BczV1e0YllmRyKffdzpU6nYc39PazPhjCYkoeYBjqbAVYO2ZKxFDR%2FWFmZON1uGf47%2F8nBaydgCImZzcS%2BfR6V4546w%2BTPR3AGip1C9vPOdj4amKR5C%2BmxObH5q120%2FmbcklGz%2BlLUtbvZtt4k9mNxSGnIBQsFTulIPYWNbOzyvLcRmV9CeYP5CCtwevaqtIIGXeP4G69znPiY8eFr4IpNBZ%2B4kHvUUvBgnVK1abP13sGv4BSZc6XtVvRI&X-Amz-SignedHeaders=host&X-Amz-Signature=81c4bb7f10ee4d21d43c607e2eca9f355eda5cfa3f22e3e4271c7da9d2e4452c)
1シークレットウィンドウを開く
Chromeを開き、右上のメニューボタンより「新しいシークレットウィンドウ」を選択
シークレットウィンドウを開いて下さい。
※検証環境を一定にするため。
2計測したいページを開く
シークレットウィンドウを開いたら、計測対象のページを開きます。
3「検証」ボタンを選択
ページの空白部にマウスを合わせ、右クリックを押す。
「検証」を選択
4言語設定の確認
右上の「設定」をボタンを選択
言語の部分にて、閲覧したい言語を設定
言語設定が完了したら、リロードをお願い致します。
言語が切り替わります。
5「LightHouse」のページを開く
「LightHouse」を選択し、ページを開く
幅が狭い場合は、「>>」を押してください。
メニューに「LightHouse」が出てきます。
6検証の対象機器を選択
検証したい機器を「モバイル」「パソコン」より選択下さい。
7検証開始
「レポートを作成」を押すと検証が開始されます。
8完了
レポートが表示されます。
下にスクロールしていくと、改善事項も出てきますので参照下さい。