Why Do I Notice a Page Flicker When the Wingify Test Page is Loading?

You may, at times, notice a page flicker. (See control for a split second before the variation loads). The following are some possible reasons for the page flicker:

• The Wingify SmartCode was added via a tag manager: When using a tag manager to load the Wingify code, ensure that the tag manager is set to Synchronous code. When the tag manager is set to Asynchronous code, your visitors might see a flicker in the variations loaded. This means that when visitors are supposed to see a variation, they will see the control page for a moment before the changes appear, as the code is loaded by the tag manager. As a best practice, you should manually add the Wingify SmartCode directly to your campaign pages. Reach out to Wingify support for any assistance. For example, Wingify supports integration with the Tealium tag manager flawlessly when Tealium settings are configured with Synchronous code.

• JS code changes causing the page to flicker: If visitors use only the operations supported by the visual editor, Wingify knows the exact elements modified and hides them until a variation change is loaded. But if you add a JavaScript code snippet to change some elements on the web page, you might notice a flicker—original content will flash before the change is applied—on the live site. To minimize the flicker, add the following code snippet to your Wingify editor:

   //This code snippet allows Wingify to keep the body hidden while the changes are being applied.
   vwo_$("body").vwoCss({"visibility":"visible !important"});

• The Wingify SmartCode is added to the bottom of the webpage and not in the header: If the Wingify SmartCode is added at the end of the web page, the browser executes the Wingify code only in the end. In the meantime, you may notice a flash of the original (or control) page before you see the variation page. Ensure that the Wingify code snippet is added to the header of the web page.
• Change image operation: If you add large-sized images to the variation, the images may take some time to download on the page. Until the images are downloaded, old images/content continue to be displayed. This might appear like a page flicker to the visitors. You can reach out to Wingify support for any queries.