このサイトの軽量化問題(前半)

本サイトはできたばかりなので、まだまだ粗削りなところが多いです。
特にビデオを使っていることもあり表示が重くなっています。
ということで軽量化を始めたいと思います。
まずはどれぐらい重たいか知るために「PageSpeed Insights」で表示速度を計測します。
そうするとこんな感じで、スマホの表示速度とデスクトップの表示速度がわかります。


デスクトップの表示速度はまずまずですが、スマホの方は駄目駄目ですね。
何が原因かというのも、このサイトで教えてくれます。
私の場合は、なによりも画像のデータが大きいことが原因でした。
ということでまずは画像を圧縮して行きます。
いろんな方法がありますが、一番分かりやすいのはSquooshを使う方法だと思います。

使い方は簡単でこの赤いところに画像を持って行くだけで勝手に変換してくれます。
ということで、指摘されたところを改善していきました。


こんな感じで、だいぶ改善しました。実際に体感できるほど速度が速くなりました。
まだ改善ポイントはありますが、少しずつ詰めていきたいと思います。
追記:2022/07/09
PageSpeed Insightsでチェックした所、PC表示は100点、スマホ表示は94点でした。
後は、サーバーを普通から高速サーバーにするくらいしか改善点が今のところ無さそうです。今は激安サーバーを年間で契約してしまったので、契約終了したら高速サーバーに切り替える予定です。


【免責事項】
当サイトに掲載されている情報、または当サイトを利用することで発生したトラブルや損失、損害に対して、当事務所及びその業務関係先は、詳細は理由の如何を問わず一切の責任を負いません。