Lighthouseでスコアがオール100になるとどうなるか？

結論： お祝いの花火が上がる

きっかけ

Create React Appでシンプルなアプリを作成した。

npx create-react-app some --template typescript

metaタグ管理にはreact-helmetを利用。

ただ、SPAだとGoogleのクローラーがOGPやmetaタグを認識してくれないので、react-snapを使ってビルド後に静的HTMLを書き出しすることに。

html自体はfirebaseでホスティング。

オフラインでも使えるツールを作りたかったので、「Making a Progressive Web App」を参考にPWAを導入。

最後に、Lighthouseでスコアを計測してみた所、オール100が取れた。

参考

• React アプリのリンクをサクッと Twitter で魅せる - Qiita