Mesures pour prendre beaucoup de temps pour charger les images (Rails)

J'utilise des images sur la première page des rails, mais le chargement a pris beaucoup de temps à la fois dans l'environnement de développement et dans l'environnement de production. (J'ai senti qu'il était affiché saccadé et je n'étais pas frustré si j'étais dans la position d'un utilisateur absolu.) Enregistrez ce que vous avez fait comme contre-mesure.

L'environnement est le suivant. ruby 2.6.5 Ruby on Rails 6.0.3. AWS (EC2) est utilisé pour l'environnement de production

Situation avant amélioration

Comme je l'ai mentionné plus tôt, j'étais confus en lisant l'image. Quand je l'ai vérifié dans le journal, cela ressemblait à ceci. J'ai entendu dire que s'il faut 3 secondes pour naviguer sur le Web, la moitié d'entre eux quittent la page, mais dans ce cas, le chargement de la vue prend 4 secondes, donc cela prend trop de temps. (Je ne l'ai jamais vu dépasser 4 secondes.)

Détails de l'amélioration

Quand je cherchais quelque chose à améliorer, j'ai trouvé quelque chose qui s'appelait `` WebP ''. Qu'est-ce que WebP </ b> ・ Comment lire Weppy (j'avais l'habitude de lire "Webpee" au premier coup d'œil ...) ・ L'extension de fichier est ".webp" dans le format d'image nouvellement créé par Google. ・ La taille du fichier est plus petite que JPEG et la qualité de l'image est moins susceptible de se détériorer. -Certains navigateurs ne le prennent pas en charge.