どのように低速のローディングレールアプリをスピードアップしますか？

Question

ruby​​ on railsとvue.jsを使用してwww.fastvenues.comを構築しました。資産は本番環境でコンパイルされ、ネットワークタブではどれが遅く読み込まれるのかはわかりません。

これをどのようにスピードアップしますか？初めて開いて下にスクロールしようとすると、ロードに約10秒かかります。これは新しいユーザーにとっては受け入れられず、実際にはユーザーエクスペリエンスが悪いものです。

どうすれば解決できますか？トラブルシューティングは難しいです。

お知らせください！

Answer 1

あなたは非常に多くの写真を持っていますが、私は52を見ることができます。もちろん、すべてのリクエストを行うにはブラウザに時間がかかります。

レストランの最初の画像のみを読み込み、次にユーザーがスクロールするなどしてさらにダウンロードしてください。また、すべてのレストランをロードしないでください（私は12を見ることができます！）、いくつかを読み込んでからもう一度、ユーザーがスクロールするとより多くを読み込みます。