Gatsby 3.0を試す

Gatsby 3.0 is blazing fast.

3/2にGatsby バージョン3がリリースされました。

主な変更点は

となっています。

実際にkenmo readerとGrafhouseのランディングページをGatsby v3にしてLighthouseスコアの変化を調べてみました。

Gatsby v3へのアップデート

ラッキーなことにコードの変更は必要ありませんでした。コマンド2つでアップデートが完了しました。

念のためいったんキャッシュを削除します。

gatsby clean

全パッケージアップグレードします。

yarn upgrade --latest

無事アップデートできたのでLighthouseのスコアを調べます。

各ランディングページはFirebaseにホスティングしていますが、リポジトリの更新ごとにページが生成されるCloudflare Pagesにデプロイしたときのスコアを調べました。

パフォーマンススコアは顕著に上がりました。Gatsby v3良いですね。このサイトも更新したいと思います。