現在Bubbleにて開発した画像投稿型SNSの運用をしております。
トップページの表示速度に関して質問になります。
現在RGで表示させている画像が読み込まれるまでか6~7秒ほどかかっており困っています。
SPAを導入した場合リロードしないければその後のエクスペリエンスは向上すると思っているのですが、今よりもっと初回の読み込みに時間がかかるのか等が懸念点としてあります。
同じような現象で過去に解決した方や何かアプローチをご存じでしたらご教示お願い致します。
現在Bubbleにて開発した画像投稿型SNSの運用をしております。
トップページの表示速度に関して質問になります。
現在RGで表示させている画像が読み込まれるまでか6~7秒ほどかかっており困っています。
SPAを導入した場合リロードしないければその後のエクスペリエンスは向上すると思っているのですが、今よりもっと初回の読み込みに時間がかかるのか等が懸念点としてあります。
同じような現象で過去に解決した方や何かアプローチをご存じでしたらご教示お願い致します。
投稿されているファイルサイズが大きすぎます。
縦横180pxの画像なら、50kB以下に圧縮しても問題ないと思います。
僕が普段使っている画像圧縮サイト(Squoosh )で、widthを400pxに縮小してwebp形式に圧縮したところ、
296kB → 34.7kBまで容量を落とすことができました。
もしユーザーがアップロードするようなワークフローがあるなら、
以下のような画像圧縮プラグインを使ってみるのもいいと思います。
@Aki_Sydney さん。
ご返信ありがとうございます。
上記圧縮プラグイン使用してみます!
ちなみに圧縮形式はjpgが一番軽いという記事を見たのですがwebp形式がいいのでしょうか??
Webpは、JPGやPNGより2-3割ほど軽いと言われています。
かつ、WebpはJPGとPNGの良いとこ取りです。
JPG… 容量は軽いが背景透過ができない
PNG… 容量は重いが背景透過できる
Webp… 容量が軽く、背景透過もできる
Webpは割と新しい規格なので、対応しているものがJPGやPNGよりも少ないですが、
最近WordPressでも公式でWebpに対応したりと、利用の幅はどんどん増えてきているので、
個人的にはWebp、非常にオススメです
返信が遅くなり申し訳ございません。
テストページで試したところかなり改善されました。
それでもノーコードの特性だと思いますが2~3秒ほどかかるときがあるのでSPAの導入も検討しようと思います。
質問に丁寧に答えていただきありがとうございました!