VWO Logo
Request Demo

Back to All Updates

Better End-user Experience when A/B Testing Images

Sathyajith Vijayakumar Sathyajith Vijayakumar 2 Min Read

Experimenting with images is a vital part of optimizing the website for improved conversions. In VWO Testing, you can easily experiment with images using the ‘Change Image’ operation within the Visual Editor.

When experimenting with images, at times, there can be a suboptimal experience for visitors if they are on slow internet speeds, or if the new image size is large. This can lead to flashing the original image for a split second, or delays in loading the new image (and hence showing a blank box for a long time), or a complete change in page layout if the new image is of a different size than the original one.

Without Loader8
This is how the page would load without a loader animation

In order to overcome these potential issues and ensure a smooth experience for visitors, we have introduced an option to add a loading state animation for every image you change on the website with Visual Editor.

With Loader
This is how the page would look if a loading animation was added

This can be configured within the change image option in the editor. You can select the speed of the animation along with the primary and secondary colors that will be used. This allows you to set it up in a way that best matches the website.

Changeimage Loader Operation 3
Applying a loader for an Image Change operation

In case there are multiple image changes in the campaign and you wish to apply a default loader for all of them, you can do so by using the settings within the editor as shown below. You can even apply it for previous image changes in the campaign.

Changeimage Loader Campaign
Applying a default loader setting for the current campaign

You can also apply a default setting for all campaigns that will be created in the account. However, you can override this for individual campaigns by using the editor.

Changeimage Loader Account 1
Applying a default loader for all campaigns in the account

For step by step guidance on how to configure the loading animation, check out our Knowledge Base article.

VWO Testing, VWO Web Rollouts
Growth, Pro, Enterprise, All
Campaign SettingsClient Side TestingVisual Editor
For questions/concerns

Subscribe for VWO Product Updates

Be the first to know. Stay on top of the latest VWO features and releases. You will also be invited to try our exciting beta features in the works!

A value for this field is required.

Thank you!

Check your inbox for the confirmation mail