Lighthouseで計測したパフォーマンススコアのばらつきを減らす方法【株式会社ライトコード】

※弊社エンジニアの記事になります。

概要

ChromeのDevToolsでパフォーマンス計測をしたことがあるでしょうか？

その中の一つにLighthouseがありますが、何度も実行していると、同じ環境なのに出力されるパフォーマンススコアにばらつきが出ることがあります。

今回はそのばらつきを減らすための手法を紹介します。

Lighthouseのドキュメントを読む

ドキュメント：https://github.com/GoogleChrome/lighthouse/blob/main/docs/variability.md

Lighthouseのドキュメントで、スコアのばらつきについて言及されています。
色々な原因が説明されていますが、解決策としてはLighthouseを複数回実行し、計測したスコアの中央値を出すとのことでした。

ドキュメント内ではlighthouse-ciを利用した方法が紹介されているので、それを利用していきましょう。

lighthouse-ciを使う

ドキュメント内ではコマンドから利用する方法と、node上から利用する方法の2パターンが紹介されています。

特にスコア計測に対して細かい設定など必要ない場合はコマンドから利用するのが一番楽そうです。

ただnode上からの実行でもそこまで手間ではないので、好みのほうを使ってよさそうな気がします。

今回はコード上から利用する方法について紹介したいと思います。

lighthouse-ciのコマンドでスコアの中央値を出す

…

記事の続きは下のリンクをクリック！

https://rightcode.co.jp/blog/information-technology/lighthouse-performance-score

【2024年卒】新卒採用エントリー開始しました！

特設ページはこちら：https://rightcode.co.jp/recruit/entry-2024

インターン募集！未経験ok、チャレンジ精神ある方求む

メディア運営：https://rightcode.co.jp/recruit/intern-media

社長と一杯飲みながらお話しませんか？（転職者向け）

特設ページはこちら： https://rightcode.co.jp/gohan-sake-president-talk

もっとワクワクしたいあなたへ

現在、ライトコードでは「WEBエンジニア」「スマホアプリエンジニア」「ゲームエンジニア」、「デザイナー」「WEBディレクター」「エンジニアリングマネージャー」「営業」などを積極採用中です！

有名WEBサービスやアプリの受託開発などの企画、開発案件が目白押しの状況です。

• もっと大きなことに挑戦したい！
• エンジニアとしてもっと成長したい！
• モダンな技術に触れたい！

現状に満足していない方は、まずは、エンジニアとしても第一線を走り続ける弊社代表と気軽にお話してみませんか？

ネット上では、ちょっとユルそうな会社に感じると思いますが（笑）、
実は技術力に定評があり、沢山の実績を残している会社ということをお伝えしたいと思っております。

• ライトコードの魅力を知っていただきたい！
• 社風や文化なども知っていただきたい！
• 技術に対して熱意のある方に入社していただきたい！

一度、【Wantedly内の弊社ページ】や【コーポレートサイト】をのぞいてみてください。

【コーポレートサイト】https://rightcode.co.jp/

【採用募集】https://rightcode.co.jp/recruit（こちらからの応募がスムーズ）

【wantedlyぺージ】https://www.wantedly.com/companies/rightcode