より良いエンジニアを目指して

1日1つ。良くなる!上手くなる!

Lighthouseでサイトのパフォーマンスを検証しよう

Twitterでぼんやり下記の記事をみていたところ

logmi.jp

サイトのパフォーマンスを計測するLighthouseが何度も登場するので、使ってみることにしました。

developers.google.com

使い方は公式サイトを見れば一目瞭然で簡単です。

  1. Chrome拡張機能からインストール
  2. 計測したいページに遷移
  3. LighthouseのGenerate Reportをクリック

f:id:rimever:20190201074016p:plain

すると下記のような結果が出ます。

f:id:rimever:20190201073911p:plain
Datalore

これだけの詳細情報が表示されるのですから、知らなきゃ損、使わなきゃ損でしょう。

適当にいくつかのページを計測してみました。

Kaggle

Competitions | Kaggle

f:id:rimever:20190201074638p:plain

ログミー

自分が挙げたのを一通り見てみると、ログミーは全体的にスコアは高いですね。

ログミー[o_O] - 世界をログする書き起こしメディア

f:id:rimever:20190201075039p:plain

はてなブログ

はてなブログ

f:id:rimever:20190201075222p:plain

Techplay

TECH PLAY[テックプレイ] - IT勉強会・セミナーなどのイベント情報検索サービス

f:id:rimever:20190201080342p:plain

Qiita

Qiita

f:id:rimever:20190201080607p:plain

クックパッド

日本を代表するTech企業。

レシピ検索No.1/料理レシピ載せるなら クックパッド

f:id:rimever:20190206223829p:plain

侍エンジニア

侍エンジニア塾マンツーマンコースのご案内

最後は、エンジニア界隈で話題騒然となった侍エンジニア。

SEO100でした。やはり・・・。

f:id:rimever:20190201080738p:plain

計測してみたところ

Kaggleは一度計測に失敗して値がErrorとなりました。

もう一度試すと、計測されたので、失敗したらもう一度試すと良さそうです。

あくまでも概算ということは覚悟が必要でしょう。