Article

3min read

Tag V4: Elevating your Experience Building with an Improved Modification Engine 

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!

Subscribe to
our Newsletter

bloc Newsletter EN

We will process and store your personal data to respond to send you communications as described in our  Privacy Policy.

Article

2min read

New Visual Studio Code Extension: Dev-Friendly Experimentation & Personalization

AB Tasty’s Visual Studio Code extension lets developers manage their experimentation and personalization campaigns directly from their IDE. This game-changing tool streamlines technical workflows and makes experimentation more accessible across your organization.

We’re all about making experimentation and personalization seamless for all teams. While AB Tasty’s UI is designed to be intuitive, we know that many developers prefer to work directly in their IDE. That’s why we built the AB Tasty Visual Studio Code extension—inspired by user feedback and driven by our mission to simplify the dev experience.

With this extension, you can:

  • Eliminate back-and-forth between your IDE and the AB Tasty web interface.
  • Leverage VS Code’s power: smart autocomplete, built-in linters, syntax highlighting, real-time validation, and more.

The benefits of VS Code Extension for server-side:

With AB Tasty’s Feature Experimentation and Roll-outs, from the Visual Studio Code Extension you can:
✅ Manage feature flags and product experimentation with a code-first approach
✅ Call key campaign resources (flags, targeting keys, goals)
✅ Detect and create feature flags directly from your codebase

The benefits of VS Code Extension for client-side:

With AB Tasty’s Web Experimentation and Personalization, from the Visual Studio Code Extension you can:
✅ Manage product experimentation with a code-first approach
✅ List and access segments, triggers, and favorite-URLs linked to your account
✅ List and access campaigns (variations, targeting, modifications)
✅ Manage JS scripts tied to accounts, campaigns, variations, and modifications

AB Tasty Joins the “Dev-Friendly” Movement

Our vision is clear: AB Tasty should adapt to developers, not the other way around. This extension is just the beginning—we have plenty more enhancements in the pipeline.

Try It & Share Your Feedback!

🚀 The extension is now available in beta on the Visual Studio Code Marketplace:
VS Code Marketplace
VS Code Documentation

👉 Ready to experiment differently?