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

Next.jsのPreview Mode時はAnalyticsを無効化する

cookieの__next_preview_dataキーで判定

next.jsにtailwindcssを導入する

VSCodeのTailwind CSS IntelliSense拡張が便利

Alexaに気温と二酸化炭素濃度を教えてもらう

「Alexa、気温」でセンサー情報を教えてくれるようになった

ESLintでimport文を自動で並べ替える

eslint-plugin-simple-import-sortを使う