🌊

ウェブサイトの表示速度が遅かったので何が原因か調べてみた

2023/11/21に公開

何が原因か調べてみる

まずは原因がわからないと何も解決できないので、F12押して、networkで何に時間がかかっているか見てみた。

logo,faviconですね....logoだけで3秒かかってます。
これchatGPTにお願いして作ってもらったからすごく高画質なんですよね
ついでに、googleのpagespeed insightでも見てもらったら同じ結果に

解決しよう

画像の大きさが悪さをしているように思えたので圧縮してみる
1つ目が画像最適化ツールoptimizilla
2つ目がwebp変換ツール(webpはgoogleが開発した画像を圧縮してくれる拡張子らしい)

結果

開発環境だけど、一応300msぐらいまで短縮できましたとさ
めでたしめでたし

Discussion