At AB Tasty, we love providing our users with the best possible experience by making it easy to create and execute optimization campaigns. That’s why we recently significantly improved our Modification Engine, one of the core components of our Visual Editor and our JavaScript tag.
The Modification Engine is the system that dynamically alters our client’s website content and appearance without requiring direct changes to the source code. It applies the modifications defined in campaigns by injecting the changes via JavaScript on the visitor’s browser.
Here are the two big improvements:
- Maximum compatibility with our clients’ websites, including Shadow DOM and iFrames support.
- Optimized performance for faster loading and smoother execution of modifications, enhancing the experience for visitors on our clients’ sites.
Enhanced Compatibility with Modern Technologies
Our clients are developing increasingly complex websites, utilizing technologies like Shadow DOM and iFrames to structure their web applications. Now, our Visual Editor is compatible with these technologies so you can create, modify, and manage content to deliver the latest in experiences to your visitors.
Significant Performance Improvements
Our teams have worked extensively to optimize the loading and execution times of the Modification Engine, leading to tangible improvements in overall site performance. (If you don’t believe us, check out this blog on how we’re 4 times faster than other solutions)
Reduced Impact on Website Performance
- A lighter JavaScript tag: The overall impact of AB Tasty has already been reduced by 2.3 KB, with further optimizations planned.
- Less impact on overall performance: We observed an improvement up to 11% in website performance, depending on the number of modifications applied.
Optimized Loading and Execution Times
- More efficient JavaScript execution: The average execution time for modifications is 30% to 55% faster.
- Decreased “Render Blocking Time”: Improvements range from 11% to 50%, with even greater benefits for larger campaigns.
- No longer classified as a “Long main-thread task”
Faster Application and Reapplication of Modifications
Another key improvement in this update is the speed of applying and reapplying modifications:
- Applying modifications is 2.2 to 2.75 times faster.
- Reapplying modifications is 4 to 5.7 times faster, a major advantage for dynamic A/B testing.
Real-World Examples
We conducted tests on various campaigns to measure these improvements in action:
- Campaign with 19 Modifications:
- Total execution time: 1.79ms (down from 3.96ms, 2.2 times faster).
- Reapplying time after a modification is removed: 0.58ms (down from 3.34ms, 5.7 times faster).
- up to 5% improvement in overall site performance.
- Campaign with 64 Modifications:
- Total application time: 4ms (down from 10-11ms, 2.5 to 2.75 times faster).
- Reapplying time after a modification is removed: 2.7ms (down from 11-12ms, 4 to 4.4 times faster).
- Up to 11% improvement in overall site performance.
With these enhancements, our newest Modification Engine version is now more robust, faster, and better suited for modern websites.
You benefit from a smoother user experience, and your visitors enjoy faster loading times. And this is just the beginning: stay tuned for even more powerful optimizations in the coming months.
Feel free to test these improvements and share your feedback with us!
