J'ai une page Web d'atterrissage dans laquelle les images sont chargées à partir de la base de données.Il n'est pas interactive utilisateur. Il est principalement utilisé à des fins de référencement.
Il faut actuellement environ 5 ans pour charger la page. Cette page est actuellement créée dans le modèle ERB pour RUBY et travaille sur des rails.
Nous voulons augmenter sa vitesse de chargement.
utilisera réagir JS comme extrémité frontale réduisez le temps de chargement de la page? Sinon, quelle est l'autre alternative?
3 Réponses :
Si vous devez utiliser le cadre JS le plus rapide, essayez Vanilla JS. C'est définitivement plus rapide que les deux réagissants et angulaires
Écrire JavaScript qui n'utilise pas les bibliothèques tiers peut aboutir à un code plus rapide (et peut entraîner des temps de chargement plus rapides), mais cela dépend de l'auteur pouvant écrire du code qui fait suffisamment efficacement les choses pour l'emporter sur le réglage des performances de ces cadres.
le plus probable vous n'avez pas besoin de réagir.
Probablement la raison de la lenteur est la taille de l'image. Vous pouvez soit essayer d'optimiser les images pour web (ex. Utilisation de WebP: https://developers.google .com / vitesse / webp / et https://css-tricks.com / Utilisation-web-images / ) ou utilisez le chargement paresseux, par exemple: https: // github. com / verlok / lazyload .
Pour savoir pourquoi la page est lente, vous pouvez utiliser une cascade Chrome ou Firefox DevTools ou pour plus de détails, Google Chrome a des "audits" sous DevTools.
Je commencerais avec la cascade de devtools sous onglet réseau.
Je suggérerais d'utiliser un godet Amazon S3 pour stocker vos images et implémenter Cloudfront CDN d'AWS pour mettre en cache votre contenu plus proche des utilisateurs.
J'ajouterais également qu'un temps de charge de 5s n'est certainement pas causé par votre cadre et est plus probable matériel.
Vous pouvez également envisager de précharger vos images.
"Utilisera réagir JS réduit le temps de chargement de la page?" - hautement improbable. Cela fera probablement des choses plus lentes tout en faisant pire le référencement et votre processus de développement plus complexe.
"Sinon, quelle est l'autre alternative?" - Nous n'avons aucun moyen de savoir. Nous ne savons pas pourquoi c'est lent. Vous devez profiler le code et les processus de réseau.
Définir "les images sont chargées de la base de données". Il n'y a aucun moyen de comprendre quoi que ce soit sur la manière dont quelque chose fonctionne avec les informations fournies.