How To Increase Slide Transition Animation Performance?

Learn to improve performance during complex animations by decreasing the resolution of images.

What is Slide Transition Animation?

Slide [?] A "slide" in Slider Revolution is a container into which multiple layers can be added, with layers in turn acting as containers for various forms of media such as images, text, video, audio, buttons, and special effects.

Slides are added to modules and edited via the module editor.

Within the module editor, each slide has its own animation timeline, background and collection of layers.

A single module can have one or many slides. A module with one slide is called a scene, and a module with multiple slides is called a slider or carousel.
Transition Animations in Slider Revolution are unique animation effects that move a current slide to the next available slide with cool effects. For example, the first slide fades into the second slide.

Slide Transition Animations require the Slider Revolution module to have either an image or colored background configured for slides; the animations don’t work with transparent slides.

Why Should You Care to Improve the Performance?

Having multiple slides with high-quality images and various animations can potentially hinder a module’s transition performance. To avoid this issue, you can utilize the option Prioritize Performance.

The Prioritize Performance option works by reducing the image quality during the transition animation to attain the best performance for the slide’s transition.

Where Can This Performance Be Improved?

You can enable the option from the Animation sub-section under the Slide Options tab, but first, we need to configure images or colors as the slide’s background and fantastic transition effects.

Configure Slide Backgrounds and Transition Animation

Ensure that your module’s slides have images or colors as the slide’s background. Head over to the manual; it has video tutorials to help add backgrounds and slide transition animations.

Enable the Prioritize Performance Option

Go to the WordPress dashboard:

WordPress dashboard

Go to the Slider Revolution panel on the left sidebar:

Slider Revolution tab

Select a module to edit:

Hover over a module and click on the pencil icon to edit

Go to the Slide Options tab:

Go to the Slide Options tab from the right sidebar

Go to the Animations sub-section:

Go to the Animation sub-section

Scroll down to the Performance panel:

Scroll down to the Performance panel

Toggle the Prioritize Performance option to ON:

Toggle the Prioritize Performance option to ON.

Click the Save button:

Click the Save button.

Contact Us

If you encounter issues or have queries about the Global Settings, please contact our support team by opening a ticket or emailing us at [email protected].

How To Increase Slide Transition Animation Performance?

The Author

Kashif

Technologist, Writer, Philosopher, and above all a problem-solver. Living by the motto "Be the reason someone smiles today".

Liked this Post?
Please Share it!

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Newsletter

Join over 30.000 others on the Slider Revolution email list to get access to the latest news and exclusive content.