GatsbyJSを使った当ブログのトップページをGoogle製のWebサイト総合評価ツールLighthouseで満点にしました。
ちょっとズルもしました。そのあたりを解説します。
なぜ目指したか？
GatsbyJSを使って、最速の技術ブログを目指そうとしたときに、 評価基準が欲しかったのでLighthouseで計測しました。
すこしズルをした
普通にやっても満点が出ませんでした。ですので、少しズルをしました。
no throttlingモードで実施
スロットリング、あまり理解していながCPUの高負荷によるスループットの低下？に対応できなかったので、これを無効の設定で実施した。
CLIツールをつかってHeadLessモードで起動した
PWAの項目の、Contents is not sised correctly for the viewportがどうやっても解決できなかった。viewportとブラウザwindowの幅の不一致というエラーなのだけれども、cliのheadlessモードでブラウザ起動を抑制した。
cliはこちら。
lighthouse https://futurismo.biz --disable-device-emulation --throttling-method=provided --chrome-flags="--headless" --view