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

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が取れた。

参考


Related #js

NestJSでAPI作成

NestJSに入門し始めた

Lambdaでaws cli configureを設定できるようにする

AWS_CONFIG_FILE=/tmp/.aws/configを設定した

Next.js 11

手軽にアップグレードできた

仕事ですぐに使えるTypeScript

奥が深い