En cherchant à permettre à nos utilisateurs de créer des contenus interactifs plus polyvalents, nous avons rencontré un problème courant : les performances. Elles jouent un rôle essentiel dans la fidélisation des utilisateurs et la réussite de toute activité en ligne. Nous les avons donc récemment améliorées en optimisant tous les projets et contenus pour garantir des temps de chargement fulgurants.
Mesures D’optimisation
nous avons réécrit le script du code d’intégration en supprimant la dépendance à jQuery, réduisant ainsi sa taille d’environ 80kb à 2.5kb
nous avons réparti tous les composants dans différents blocs JS, afin que chaque projet ne charge que les composants dont il a besoin
nous avons nettoyé les inclusions CSS afin de ne rien intégrer d’inutile (la taille du CSS inclus passe ainsi de ~80kb à ~7kb)
nous avons configuré le chargement asynchrone des scripts JS afin que les utilisateurs puissent interagir plus rapidement avec les projets.
Nos Résultats
Le résultat, l’ancien projet est à gauche et le nouveau à droite :
Le résultat est une nette amélioration de la vitesse de chargement des projets, également visible dans le score de Google PageSpeed Insights.
Dernière amélioration de l’expérience utilisateur : nous avons ajouté un indicateur de chargement animé à chaque projet, afin que tes utilisateurs ne restent pas devant une page vide pendant son chargement.
Nous espérons que ces optimisations des performances auront un effet positif sur tes taux de conversion et nous aimerions connaître ton avis après avoir testé les projets.
