ウェブサイトを早くしてみたくなった。Lighthouseで測っているだけだからレギュレーション的にダメなやつとかあるかもしれないけど気にしない。

https://github.com/CyberAgentHack/web-speed-hackathon-2023

自分用にforkしたリポジトリ(間違えてプルリク送っちゃってつらみ)

https://github.com/ihch/web-speed-hackathon-2023

とりあえず起動してLighthouseで測ってみる。

localhost_8080-20230621T013521.html

FCS ページの読み込み開始から要素の最初の一つがレンダリングされるまでの時間

70秒。バカおそ

画像読み込みがでかいしデコードできてないと警告出てる。webpに変換しておこう。

次世代画像フォーマット「WebP」に変換して、webサイトの表示速度を改善しよう! | ビジネスとIT活用に役立つ情報(株式会社アーティス)

変換ツールでGoogleが squoosh/cli というのを作っていたけどサポート終了したっぽい(squooshサービス自体は残ってる)

Squoosh CLIでJPEG/PNGをWebPに一括変換