The VWO SmartCode got even better in the latest version of 2.1, with key enhancements in your website’s loading speed and seamless user experience. This version particularly benefits websites built on modern JavaScript frameworks like Next.js, Nuxt.js, and Gatsby, besides improving support for tag managers for implementing the SmartCode.

What’s the Big Bet?

Several factors influenced the enhancement of the SmartCode. We’ve learned them from you and have tried to keep things aligned in your favor:

Reduced Impact on Core Web Vitals, Especially for SSG Sites: We’ve optimized VWO scripts targeting static site generators (SSGs) such as Gatsby, Next.js, and Nuxt.js, significantly reducing VWO's impact on your website’s key performance metrics, notably First Contentful Paint (FCP) and Largest Contentful Paint (LCP). These optimizations ensure that websites built with these frameworks can deliver content efficiently, enhancing your website visitors’ experience by minimizing loading times and improving visual stability.

Improved Tag Manager Support: While we strongly recommend installing the SmartCode directly on your website, we understand some accounts utilize tag managers. Hence, we have improved the execution of the SmartCode when it is being implemented on your website via external file sources, like tag managers or cookie consent managers. This eliminates any white flash phenomenon caused by the delay in executing the SmartCode, ensuring a seamless experience from the first page load. 

Boosted SmartCode Performance on Firefox: Addressed a specific performance concern where Firefox delayed the loading of third-party resources, impacting the loading of VWO on your web pages. This ensures that VWO's resources are loaded and executed more efficiently in Firefox, aligning the performance with other major browsers. 

To Whom Does It Matter?

Installing SmartCode 2.1 is completely your decision. However, we’d strongly recommend it for the following cases:

• Accounts whose websites are built on SSG frameworks such as Next.js, Nuxt.js, Gatsby, etc.
• Accounts facing performance concerns related to FCP, LCP, and TBT.

NOTE: While the 2.1 version offers its own set of benefits, the performance of older versions of the SmartCode will remain unaffected and devoid of any functional compromises.

Where to Find SmartCode 2.1?

The latest version of the SmartCode is available in the Websites and Apps module, which can be accessed as follows:

1. From the main menu on the left, go to Configurations > Websites and Apps > select the required website.
2. Under the Code tab, you can find the latest version of the SmartCode, which you can copy and paste to replace the existing SmartCode on your website.

For more information on configuring the SmartCode for your website, refer to this article.