Chez AB Tasty, nous avons toujours à cœur d’offrir à nos clients la meilleure expérience possible en facilitant la création et l’exécution de leurs campagnes d’optimisation. C’est pourquoi nous avons récemment apporté des améliorations significatives à notre « Modification Engine », le moteur de notre éditeur visuel.
Cette mise à jour apporte deux grandes avancées majeures :
- Une compatibilité maximale avec les sites de nos clients, notamment via le support du Shadow DOM et des iFrames.
- Des performances optimisées pour un chargement plus rapide et une exécution plus fluide des modifications, améliorant ainsi l’expérience des visiteurs des sites de nos clients.
Une Compatibilité Renforcée avec les Technologies Modernes
Nos clients développent des sites de plus en plus complexes, utilisant des technologies comme le Shadow DOM et les iFrames pour structurer leurs applications web. Jusqu’à présent, ces implémentations pouvaient poser des problèmes de compatibilité avec notre éditeur visuel. Avec cette mise à jour, notre Modification Engine est maintenant entièrement compatible avec ces technologies, permettant aux utilisateurs d’appliquer des modifications sans friction, quels que soient les choix technologiques de leur site.
Des Performances en Nette Amélioration
Nos équipes ont travaillé en profondeur pour optimiser le temps de chargement et d’exécution du Modification Engine, ce qui se traduit par des améliorations concrètes sur les performances globales des sites de nos clients.
Réduction de l’Impact sur la Performance des Sites
- Un tag JavaScript plus léger : L’impact global d’AB Tasty a déjà été réduit de 2,3 KB, avec d’autres optimisations à venir.
- Moins d’impact sur les performances globales : Nous avons observé une amélioration de 1% à 11% sur les performances des sites de nos clients, en fonction du volume de modifications appliquées.
Temps de Chargement et d’Exécution Optimisés
- Temps de requête réduit : Le « Network Request Time » est maintenant 2 à 3 fois plus court, ce qui signifie que notre moteur est chargé bien plus rapidement.
- Exécution JavaScript plus efficace : Le temps d’exécution moyen des modifications est 30 à 55% plus rapide.
- Diminution du « Render Blocking Time » : Entre 11% et 50% de gain, avec une amélioration encore plus marquée sur les campagnes les plus lourdes.
- Suppression du statut de « Long main-thread task » : ME2 n’est plus considéré comme une tâche longue, ce qui signifie une meilleure réactivité globale.
Application et Réapplication des Modifications
Un autre point fort de cette mise à jour concerne la vitesse d’application et de réapplication des modifications :
- Application des modifications 2,2 à 2,75 fois plus rapide.
- Réapplication des modifications 4 à 5,7 fois plus rapide, un atout majeur pour les tests A/B dynamiques.
Quelques Cas Concrets
Nous avons mené des tests sur différentes campagnes pour mesurer concrètement ces améliorations :
Campagne avec 19 modifications :
- Temps d’exécution total : 1,79ms (contre 3,96ms auparavant, soit 2,2 fois plus rapide).
- Temps de réapplication après suppression d’une modification : 0,58ms (contre 3,34ms, soit 5,7 fois plus rapide).
- Gain de 1% à 5% sur la performance globale du site.
Campagne avec 64 modifications :
- Temps d’application total : 4ms (contre 10-11ms, soit 2,5 à 2,75 fois plus rapide).
- Temps de réapplication après suppression d’une modification : 2,7ms (contre 11-12ms, soit 4 à 4,4 fois plus rapide).
- Gain de 1% à 11% sur la performance globale du site.
Conclusion
Avec ces améliorations, notre Modification Engine devient plus robuste, plus rapide et plus adapté aux sites web modernes. Nos clients bénéficient d’une expérience plus fluide et leurs visiteurs profitent d’un temps de chargement réduit, sans compromis sur l’expérience utilisateur.
Et ce n’est qu’un début : notre équipe continue de travailler sur des optimisations pour rendre notre solution encore plus performante dans les mois à venir.
N’hésitez pas à tester ces améliorations et à nous faire part de vos retours !
